.qr-studio-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px))}.qr-studio-overlay__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);cursor:pointer}.qr-studio-room{position:relative;display:flex;flex-direction:column;width:min(1120px,100%);max-height:min(90vh,52rem);border-radius:1.25rem;border:1px solid rgba(139,92,246,.35);background:linear-gradient(180deg,#12091f,#050505);color:#fafafa;box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:hidden}.qr-studio-room--modal{width:min(1120px,calc(100vw - 1.5rem));max-height:min(90vh,52rem);height:min(90vh,52rem)}.qr-studio-room--page{width:100%;max-width:72rem;max-height:none;margin:0 auto}.qr-studio-room__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid rgba(139,92,246,.2);flex-shrink:0}.qr-studio-room__title{margin:0;font-size:1.25rem;font-weight:700}.qr-studio-room__subtitle{margin:.25rem 0 0;font-size:.75rem;color:#a1a1aa}.qr-studio-room__close{width:2.5rem;height:2.5rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.35);color:#fafafa;font-size:1.5rem;line-height:1;cursor:pointer}.qr-studio-room__body{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;overflow:auto;flex:1 1 auto;min-height:0}@media (min-width:900px){.qr-studio-room__body{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}}.qr-studio-room__controls-column,.qr-studio-room__preview-column{display:flex;flex-direction:column;gap:.85rem;min-width:0}.qr-studio-ai-placeholder,.qr-studio-controls,.qr-studio-preview,.qr-studio-validation{border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;background:rgba(0,0,0,.35);padding:.9rem}.qr-studio-ai-placeholder__title,.qr-studio-preview__title,.qr-studio-validation__title{margin:0;font-size:.95rem;font-weight:700}.qr-studio-preview__subtitle{margin:.25rem 0 0;font-size:.7rem;color:#a1a1aa}.qr-studio-preview__stage{display:flex;align-items:center;justify-content:center;min-height:16rem;margin-top:.75rem;border-radius:.9rem;background:linear-gradient(45deg,#111 25%,#1a1a1a 0,#1a1a1a 50%,#111 0,#111 75%,#1a1a1a 0,#1a1a1a);background-size:12px 12px}.qr-studio-preview__image{width:min(100%,18rem);height:auto;border-radius:.75rem;background:#fff;box-shadow:0 0 40px rgba(139,92,246,.18)}.qr-studio-preview__placeholder{padding:1rem;text-align:center;font-size:.8rem;color:#a1a1aa}.qr-studio-preview__placeholder--pending{max-width:16rem;line-height:1.45;color:#d4d4d8}.qr-studio-validation__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.qr-studio-validation__badge{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .45rem;border-radius:999px}.qr-studio-validation--safe .qr-studio-validation__badge{background:rgba(16,185,129,.18);color:#6ee7b7}.qr-studio-validation--warning .qr-studio-validation__badge{background:rgba(245,158,11,.18);color:#fcd34d}.qr-studio-validation--risky .qr-studio-validation__badge{background:rgba(239,68,68,.18);color:#fca5a5}.qr-studio-validation__footnote,.qr-studio-validation__message{margin:.5rem 0 0;font-size:.65rem;color:#71717a}.qr-studio-validation__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.75rem 0 0}.qr-studio-validation__match{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem;padding:.45rem .55rem;border-radius:.55rem;border:1px solid hsla(0,0%,100%,.08)}.qr-studio-validation__match-label{font-size:.72rem;font-weight:700}.qr-studio-validation__match-score{font-size:.65rem;color:#a1a1aa}.qr-studio-validation__match--strong{background:rgba(16,185,129,.1);color:#6ee7b7}.qr-studio-validation__match--medium{background:rgba(245,158,11,.1);color:#fcd34d}.qr-studio-validation__match--weak{background:hsla(240,4%,46%,.16);color:#d4d4d8}.qr-studio-validation__metrics dt{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:#71717a}.qr-studio-validation__metrics dd{margin:.15rem 0 0;font-size:.85rem;font-weight:700}.qr-studio-field{display:flex;flex-direction:column;gap:.35rem}.qr-studio-field__label{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#a78bfa}.qr-studio-field__input{width:100%;padding:.65rem .75rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.45);color:#fafafa;font-size:.875rem}.qr-studio-field__input:disabled{opacity:.65}.qr-studio-field__helper{font-size:.68rem;color:#71717a}.qr-studio-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#d4d4d8}.qr-studio-checkbox input{accent-color:#8b5cf6}.qr-studio-field__link-btn{align-self:flex-start;padding:0;border:0;background:none;color:#a78bfa;font-size:.72rem;cursor:pointer;text-decoration:underline}.qr-studio-field__helper--intro{margin:0 0 .25rem;line-height:1.45;color:#a1a1aa}.qr-studio-mode-cards{display:grid;grid-template-columns:1fr;gap:.45rem}.qr-studio-mode-card{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .7rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.35);color:#d4d4d8;text-align:left;cursor:pointer}.qr-studio-mode-card--active{border-color:rgba(139,92,246,.55);background:rgba(139,92,246,.14);color:#fafafa}.qr-studio-mode-card:not(.qr-studio-mode-card--locked){cursor:pointer}.qr-studio-mode-card--locked,.qr-studio-mode-card--locked:disabled{opacity:1;cursor:not-allowed;pointer-events:none;border:1.5px dashed rgba(252,211,77,.62);background:repeating-linear-gradient(-45deg,rgba(28,18,6,.92),rgba(28,18,6,.92) 10px,rgba(46,32,10,.88) 0,rgba(46,32,10,.88) 20px);color:#a1a1aa;filter:grayscale(.25)}.qr-studio-mode-card--locked .qr-studio-mode-card__label{color:#fde68a}.qr-studio-mode-card--locked .qr-studio-mode-card__hint{color:#fcd34d;font-weight:650}.qr-studio-helper--locked,.qr-studio-helper--pending{color:#fde68a;font-weight:650}.qr-studio-mode-card__label{font-size:.78rem;font-weight:700}.qr-studio-offline-meta{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;font-size:.78rem;color:#d4d4d8}.qr-studio-offline-meta strong{color:#fafafa;font-weight:650;margin-right:.35rem}.qr-studio-helper{margin:.35rem 0 0;font-size:.68rem;line-height:1.4;color:#a1a1aa}.qr-studio-mode-card--active .qr-studio-mode-card__hint{color:#a1a1aa}.qr-studio-mode-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.qr-studio-mode-switcher__btn{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .5rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.25);color:#e4e4e7;text-align:left;cursor:pointer}.qr-studio-mode-switcher__btn--active{border-color:rgba(167,139,250,.55);background:rgba(88,28,135,.25)}.qr-studio-mode-switcher__btn--disabled{opacity:.45;cursor:not-allowed}.qr-studio-mode-switcher__label{font-size:.78rem;font-weight:700}.qr-studio-mode-switcher__hint{font-size:.62rem;color:#a1a1aa}.qr-studio-section{display:flex;flex-direction:column;gap:.75rem;padding-top:.35rem;border-top:1px solid hsla(0,0%,100%,.08)}.qr-studio-section:first-of-type{border-top:0;padding-top:0}.qr-studio-section__title{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ddd6fe}.qr-studio-pills{display:flex;flex-wrap:wrap;gap:.45rem}.qr-studio-pill{min-height:2.25rem;padding:.45rem .75rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.25);color:#e4e4e7;font-size:.72rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.qr-studio-pill--active{border-color:rgba(167,139,250,.55);background:rgba(88,28,135,.3)}.qr-studio-shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.qr-studio-shape-card{padding:.55rem .65rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.25);color:#fafafa;text-align:left;cursor:pointer}.qr-studio-shape-card--active{border-color:rgba(167,139,250,.55);background:rgba(88,28,135,.28)}.qr-studio-shape-card__label{font-size:.78rem;font-weight:600}.qr-studio-range{display:grid;grid-template-columns:1fr auto;gap:.35rem .75rem;align-items:center}.qr-studio-range input[type=range]{grid-column:1/-1;width:100%}.qr-studio-range__value{font-size:.75rem;color:#d4d4d8}.qr-studio-color-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.qr-studio-color{display:flex;flex-direction:column;gap:.35rem;font-size:.72rem;color:#a1a1aa}.qr-studio-color input[type=color]{width:100%;height:2.25rem;border:1px solid hsla(0,0%,100%,.12);border-radius:.6rem;background:transparent;cursor:pointer}.qr-studio-ai-placeholder__badge{display:inline-flex;margin-top:.65rem;padding:.2rem .5rem;border-radius:999px;background:rgba(139,92,246,.18);color:#c4b5fd;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.qr-studio-room__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.85rem 1rem;border-top:1px solid rgba(139,92,246,.2);background:rgba(0,0,0,.35);flex-shrink:0}.qr-studio-room__btn{padding:.65rem .95rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.12);font-size:.82rem;font-weight:700;cursor:pointer}.qr-studio-room__btn:disabled{opacity:.45;cursor:not-allowed}.qr-studio-room__btn--ghost{background:rgba(0,0,0,.25);color:#e4e4e7}.qr-studio-room__btn--primary{border-color:rgba(167,139,250,.55);background:linear-gradient(180deg,#7c3aed,#5b21b6);color:#fff}.qr-studio-payload{display:flex;flex-direction:column;gap:.3rem;padding:.65rem .75rem;border-radius:.85rem;border:1px solid hsla(0,0%,100%,.08);background:rgba(0,0,0,.28)}.qr-studio-payload__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.qr-studio-payload__toggle{border:0;background:none;color:#a78bfa;font-size:.68rem;font-weight:700;cursor:pointer;text-decoration:underline}.qr-studio-payload__value{margin:0;font-size:.72rem;color:#d4d4d8;word-break:break-all;line-height:1.35}.qr-studio-payload__value--compact{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-studio-range input[type=range]{min-height:2rem;accent-color:#8b5cf6}.qr-studio-center-icons{display:flex;flex-direction:column;gap:.55rem}.qr-studio-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.45rem}.qr-studio-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.45rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.28);color:#f4f4f5;cursor:pointer;-webkit-tap-highlight-color:transparent}.qr-studio-icon-btn svg{display:block;pointer-events:none}.qr-studio-icon-btn--active{border-color:rgba(167,139,250,.7);background:rgba(88,28,135,.4);color:#fff;box-shadow:inset 0 0 0 1px rgba(167,139,250,.35)}@media (max-width:639px){.qr-studio-overlay{padding:0;align-items:stretch}.qr-studio-room--modal{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;border-left:0;border-right:0}.qr-studio-preview__stage{min-height:12rem}.qr-studio-preview__image{width:min(100%,14rem)}.qr-studio-room__footer{position:sticky;bottom:0;padding-bottom:max(.85rem,env(safe-area-inset-bottom,0px))}.qr-studio-room__btn{min-height:2.5rem}.qr-studio-room__body{padding-bottom:.5rem}.qr-studio-icon-grid{grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));padding-bottom:.25rem}.qr-studio-icon-btn{min-width:3rem;min-height:3rem}.qr-studio-center-icons{padding-bottom:.35rem}}