:root{color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#09090b;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,summary{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}img,svg,canvas{max-width:100%}svg{flex-shrink:0}[hidden]{display:none!important}.appShell{--bg:#f7f7f8;--surface:#fff;--surface-subtle:#ededf0;--surface-hover:#e4e4e7;--text:#18181b;--muted:#63636d;--border:#dddde2;--control-border:#898993;--accent:#27272a;--accent-soft:#e4e4e7;--primary:#18181b;--primary-text:#fff;--focus:#52525b;--danger:#a23c35;--danger-soft:#faeeea;--success:#3f3f46;--success-soft:#ededf0;--warning:#765218;--warning-soft:#f6eedc;min-height:100dvh;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px;line-height:1.6}.appShell.isDark{--bg:#09090b;--surface:#111113;--surface-subtle:#18181b;--surface-hover:#27272c;--text:#f4f4f5;--muted:#a1a1aa;--border:#303036;--control-border:#707078;--accent:#f4f4f5;--accent-soft:#27272c;--primary:#fafafa;--primary-text:#111113;--focus:#d4d4d8;--danger:#ffaaa4;--danger-soft:#301a1d;--success:#d4d4d8;--success-soft:#202023;--warning:#f2cf92;--warning-soft:#2e2517;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.appShell :where(h1,h2,h3,p){margin-top:0}.appShell h1{letter-spacing:-1.15px;font-size:30px;font-weight:600;line-height:1.3}.appShell h2{letter-spacing:-.35px;font-size:15px;font-weight:600;line-height:1.5}.appShell h3{font-size:15px;font-weight:600;line-height:1.5}.appShell a{color:var(--accent);text-underline-offset:4px}.appShell button{border:1px solid var(--control-border);min-height:40px;color:var(--text);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:500;line-height:1.4;transition:background .13s,border-color .13s,color .13s;display:inline-flex}.appShell button svg{width:17px;height:17px}.appShell button:hover:not(:disabled){border-color:var(--text);background:var(--surface-hover)}.appShell button:disabled{opacity:.45}.appShell :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:4px}.appShell button:is(.isSelected,.isActive,[aria-pressed=true],[aria-selected=true]){border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.appShell button:is(.primaryDownload,.newQrButton,.primaryButton){border-color:var(--primary);background:var(--primary);color:var(--primary-text);font-weight:600}.appShell button:is(.primaryDownload,.newQrButton,.primaryButton):hover:not(:disabled){background:var(--text);border-color:var(--text);color:var(--primary-text)}.appShell .saveQrButton{border-color:var(--control-border);background:0 0}.appShell .dangerButton{color:var(--danger)}.appShell .dangerButton:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.appShell .iconOnly{flex:0 0 36px;width:36px;min-height:36px;padding:8px}.appShell .textButton{background:0 0;border-color:#0000;padding-inline:8px}.appShell .textButton:hover:not(:disabled){border-color:#0000}.appHeader{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:20px 32px;min-height:72px;padding:12px max(32px,50% - 560px);display:flex}.appShell .brand{color:var(--text);letter-spacing:-.7px;flex-shrink:0;align-items:center;gap:9px;line-height:1;text-decoration:none;display:inline-flex}.brand>svg{width:22px;height:22px}.brandName,.brand>span{font-size:20px;font-weight:600}.brand strong{font-weight:600}.brandSeparator,.brand small{color:var(--muted);margin-left:6px;font-size:24px;font-weight:400}.appNav,.headerActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.appNav{gap:20px}.appShell .appNav button{min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 2px;position:relative}.appShell .appNav button:hover:not(:disabled){color:var(--text);background:0 0}.appShell .appNav button[aria-current=page]{color:var(--text);font-weight:600}.appNav button[aria-current=page]:after{content:"";background:var(--text);height:2px;position:absolute;bottom:-14px;left:0;right:0}.headerActions{min-width:0;margin-left:auto}.headerActions button{overflow-wrap:anywhere;max-width:100%}.appShell .headerActions button:first-child{border-color:#0000}.appShell .headerActions .themeToggle{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.skipLink{z-index:100;background:var(--surface);padding:10px 16px;position:fixed;top:-100px;left:12px}.skipLink:focus{top:12px}.editorToolbar{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto;padding:20px 0 18px;display:flex}.editorHeading h1{margin:0 0 8px}.editorHeading p{color:var(--muted);margin:0;font-size:13px}.editorTools{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.appShell .editorTools .iconOnly{border-color:#0000}.draftState{color:var(--muted);padding-left:12px;font-size:11px}.workspace{grid-template:"content result""settings result"1fr/minmax(0,1fr) minmax(0,560px);align-items:start;gap:0 48px;max-width:1120px;margin:0 auto;display:grid}.workspace>*,.panel,.resultColumn{min-width:0}.settingsPanel{grid-area:settings;padding-top:0}.settingsPanel>.colorSection:first-child{padding-top:24px}.panelSection{border-bottom:1px solid var(--border);margin:0;padding:24px 0}.panelSection:first-child{padding-top:0}.panelSection h2{margin:0 0 18px}.contentSection{grid-area:content;padding-bottom:25px}.contentSection .field{margin-bottom:9px}.field,.modalField{gap:8px;min-width:0;margin:0 0 17px;font-size:12px;font-weight:600;display:grid}.field>span,.field>label,.modalField>span,.sectionLabel,legend{color:var(--text);font-size:12px;font-weight:600}.appShell :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:1px solid var(--control-border);width:100%;min-width:0;min-height:44px;color:var(--text);background:var(--surface-subtle);border-radius:8px;padding:10px 12px;font-size:15px;font-weight:400;line-height:1.5;display:block}.appShell textarea{resize:vertical;min-height:98px}.contentSection textarea{min-height:76px}.appShell input::placeholder,.appShell textarea::placeholder{color:var(--muted);opacity:1}.appShell :is(input,textarea,select)[aria-invalid=true]{border-color:var(--danger)}.field small,.helperText,.helpText,.contentMeta,.subtleStatus{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}.helperText{margin:6px 0 12px}.contentMeta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.contentMeta span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.contentMeta.isLimit{color:var(--warning)}.checkLine{align-items:flex-start;gap:10px;margin:12px 0;font-size:13px;font-weight:400;display:flex}.checkLine input{width:17px;height:17px;accent-color:var(--accent);flex:none;margin:3px 0 0}.dynamicOption{margin:21px 0 0}.dynamicText{gap:2px;display:grid}.dynamicText strong{font-size:13px;font-weight:500}.dynamicText small{color:var(--muted);font-size:12px}.twoColumn,.outputFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.segmentedTabs,.authTabs{border:1px solid var(--control-border);border-radius:8px;gap:0;width:fit-content;margin-bottom:18px;display:flex;overflow:hidden}.appShell .segmentedTabs button,.appShell .authTabs button{min-width:85px;box-shadow:none;border:0;border-radius:0}.appShell .segmentedTabs button+button,.appShell .authTabs button+button{border-left:1px solid var(--control-border)}.appShell .segmentedTabs button[aria-pressed=true],.appShell .authTabs button[aria-selected=true]{background:var(--accent-soft);color:var(--text);font-weight:600}.colorSection .field,.colorSection .checkLine{margin-bottom:0}.colorInputRow{border:1px solid var(--control-border);background:var(--surface-subtle);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:6px 9px;display:flex}.colorInputRow input[type=color]{cursor:pointer;background:0 0;border:0;flex:0 0 28px;width:28px;height:28px;padding:0}.colorInputRow input[type=color]::-webkit-color-swatch-wrapper{padding:0}.colorInputRow input[type=color]::-webkit-color-swatch{border:1px solid var(--border);border-radius:3px}.colorInputRow input[type=color]::-moz-color-swatch{border:1px solid var(--border);border-radius:3px}.appShell .colorInputRow input:not([type=color]){background:0 0;border:0;border-radius:0;min-height:28px;padding:0;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}fieldset{border:0;min-width:0;margin:0 0 22px;padding:0}legend{margin-bottom:10px;padding:0}details.panelSection{padding:0}details.panelSection>summary{align-items:center;gap:12px;min-height:70px;padding:22px 0;list-style:none;display:flex}details.panelSection>summary::-webkit-details-marker{display:none}details.panelSection>summary h2{margin:0}details.panelSection>summary:after{content:"+";color:var(--muted);margin-left:0;font-size:20px;font-weight:400;line-height:1}details.panelSection[open]>summary:after{content:"−"}.sectionHint{color:var(--muted);margin-left:auto;font-size:12px;font-weight:400}.disclosureBody{padding:0 0 22px}.disclosureBody>:last-child{margin-bottom:0}.shapeGrid,.cornerGrid,.correctionGrid,.formatGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.appShell .shapeGrid button,.appShell .cornerGrid button,.appShell .correctionGrid button{overflow-wrap:anywhere;min-width:0;min-height:52px;padding:10px 6px;font-size:12px}.appShell .shapeGrid button{flex-direction:column;gap:8px}.appShell button .optionGlyph{width:26px;height:26px}.correctionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.correctionGrid button{flex-wrap:wrap}.correctionGrid span{color:var(--muted);font-size:11px}input[type=range]{width:100%;min-height:32px;accent-color:var(--accent);margin:0}.uploadControl{cursor:pointer;display:block;position:relative}.uploadControl input[type=file]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.uploadLabel{border:1px dashed var(--control-border);min-height:48px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.uploadControl:hover .uploadLabel{background:var(--surface-hover)}.uploadControl:focus-within .uploadLabel{outline:2px solid var(--focus);outline-offset:4px}.uploadControl:has(input:disabled){opacity:.5;cursor:not-allowed}.uploadMeta{color:var(--muted);margin:8px 0 0;font-size:11px}.logoDetails p{overflow-wrap:anywhere}.logoDetails .disclosureBody>button{margin:8px 0 18px}.resultColumn{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-area:result;padding:20px}.previewPanel{min-width:0}.previewHeading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.previewHeading h2{margin:0;font-size:12px;font-weight:500}.previewType{color:var(--muted);font-size:11px}.qrStage{background:0 0;align-content:center;place-items:center;gap:8px;min-width:0;min-height:232px;padding:8px;display:grid;position:relative}.qrMount{aspect-ratio:1;background:#fff;width:min(100%,216px);min-width:0;padding:0}.qrCanvasLayer{place-items:center;width:100%;height:100%;display:grid}.qrCanvasLayer :is(canvas,svg),.qrMount>:is(canvas,svg,img){aspect-ratio:1;object-fit:contain;display:block;width:100%!important;height:auto!important}.previewStatus{color:var(--muted);background:var(--surface);text-align:center;pointer-events:none;border-radius:4px;padding:3px 5px;font-size:11px;position:absolute;bottom:0;left:4px;right:4px}.previewMeta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;margin:12px 0 0;font-size:11px;display:flex}.previewMeta p{margin:0}.previewMeta span:last-child{font-variant-numeric:tabular-nums}.scanCheck{margin:8px 0 0}.appShell .scanCheck button{border-color:var(--border);min-height:44px;color:var(--text);text-underline-offset:4px;padding:8px 12px;font-size:12px}.appShell .scanCheck button:hover:not(:disabled){color:var(--text);background:0 0}.scanCheck p{color:var(--muted);margin:7px 0 0;font-size:12px}.scanCheck p:empty{display:none}.previewPanel .warningList{margin-bottom:0}.exportPanel{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.exportPanel>h2,.exportPanel>.panelSection>h2{margin-bottom:18px}.exportPanel .panelSection{border:0;padding:0}.outputFields .field{margin-bottom:0}.studioActions{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;margin-top:16px;display:grid}.studioActions button{min-width:0;min-height:46px;padding-inline:10px}.actionStatus{min-height:34px;color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;margin:0;font-size:11px;line-height:17px}.studioFooter{border-top:1px solid var(--border);max-width:1120px;color:var(--muted);margin:42px auto 0;padding:22px 0 28px;font-size:11px}.studioFooter p{margin:0}.serviceLinks{flex-wrap:wrap;gap:0 16px;margin-top:8px;display:flex}.appShell .serviceLinks button{min-height:44px;padding:8px 0;font-size:12px}.serviceInfo{overflow-wrap:anywhere;gap:24px;font-size:14px;line-height:1.7;display:grid}.serviceInfo h3{margin:0 0 8px;font-size:15px}.serviceInfo p{margin:0}.serviceInfo a{text-underline-offset:3px;padding-block:8px;display:inline-block}.serviceInfo .helpText,.serviceInfo .policyPending{color:var(--muted);margin-top:8px;font-size:13px}.statusBanner,.draftNotice,.dashboardAlert,.errorLine,.warningList,.statusLine{border-left:2px solid var(--border);overflow-wrap:anywhere;margin:12px 0;padding:11px 13px;font-size:13px}.statusBanner{color:var(--muted);background:var(--surface-subtle)}.statusBanner:empty{display:none}.appShell>.statusBanner:not(:empty),.appShell>.draftNotice{max-width:1120px;margin:16px auto}.statusBanner>button{margin:4px 0 4px 10px}.statusBanner.error,.statusBanner.isError,.dashboardAlert,.errorLine{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.statusBanner.success,.statusBanner.isSuccess,.statusLine{color:var(--success);border-color:var(--success);background:var(--success-soft)}.statusLine{align-items:center;gap:8px;display:flex}.draftNotice{color:var(--text);background:var(--surface-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.draftNotice p{margin:0}.warningList{color:var(--warning);border-color:var(--warning);background:var(--warning-soft);padding-left:28px}.warningList li+li{margin-top:5px}.dashboardPanel,.accountView{max-width:1120px;margin:0 auto;padding:46px 0 64px}.dashboardHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;display:flex}.dashboardHeader h1,.dashboardHeader h2{margin:0 0 7px;font-size:30px}.dashboardHeader p,.dashboardSubtitle{color:var(--muted);margin:0;font-size:13px}.dashboardToolbar{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:24px;display:flex}.dashboardToolbar .field{flex:150px;margin:0}.dashboardToolbar .field:first-of-type{flex-grow:3}.dashboardStatus{min-height:42px;color:var(--muted);overflow-wrap:anywhere;margin:0 0 18px;font-size:13px}.accountFeedback{overflow-wrap:anywhere;min-height:24px;color:var(--muted);margin:10px 0 0}.accountFeedback[data-error=true]{color:var(--danger)}.expiryActions{flex-wrap:wrap;gap:8px;display:flex}.appShell .secondaryDownload{background:var(--surface-subtle)}.selectionToolbar,.bulkActions{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;margin-bottom:18px;padding:8px 0;font-size:12px;display:flex}.bulkActions{background:var(--accent-soft);padding-inline:12px}.selectionToolbar label{align-items:center;gap:8px;display:flex}.selectionToolbar input{width:17px;height:17px;accent-color:var(--accent);margin:0}.dashboardGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:20px;display:grid}.dashboardCard{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-content:start;gap:18px;min-width:0;padding:22px;display:grid}.dashboardCard h3,.dashboardCard p{overflow-wrap:anywhere;margin:0}.designCardHeader{align-items:flex-start;gap:10px;min-width:0;display:flex}.designCardHeader .checkLine{margin:0}.designCardHeader input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.designCardHeader strong{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:600}.designCardBody{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px;display:grid}.designThumb{background:var(--bg);place-items:center;gap:8px;min-width:0;padding:10px;display:grid;position:relative}.designThumb .qrMount{width:100%;max-width:140px}.designSummary{gap:10px;min-width:0;display:grid}.dashboardMeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11px;display:flex}.dashboardMeta span{overflow-wrap:anywhere;min-width:0}.designContent{color:var(--muted);white-space:pre-wrap;font-size:12px}.designPrimaryActions{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.designPrimaryActions>button{flex:1}.designExport{align-items:flex-end;gap:6px;min-width:0;display:flex}.designExport .field{margin:0}.appShell .designExport select{max-width:88px;min-height:40px;padding:8px;font-size:12px}.appShell .designExport button{padding-inline:10px}.linkRow{align-items:center;gap:10px;min-width:0;padding:7px 0;font-size:12px;display:flex}.linkRow>:is(a,code,span,input){overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0}.appShell .linkRow button{flex-shrink:0;min-height:32px;padding:6px 8px;font-size:11px}.dashboardCardActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboardCardActions>button{flex:auto}.dashboardCardActions .field{flex:90px;margin:0}.designManagement{border-top:1px solid var(--border)}.designManagement>summary{min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 0 0;font-size:12px;list-style:none;display:flex}.designManagement>summary::-webkit-details-marker{display:none}.designManagement>summary:after{content:"+";font-size:17px}.designManagement[open]>summary:after{content:"−"}.managementBody{gap:14px;padding-top:16px;display:grid}.managementBody .field{margin:0}.designFullContent{gap:6px;min-width:0;font-size:12px;display:grid}.designFullContent p{white-space:pre-wrap;overflow-wrap:anywhere}.fieldLabel{color:var(--muted);font-size:11px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:32px;display:flex}.pagination span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.emptyState,.dashboardEmpty,.libraryEmpty{min-height:240px;color:var(--muted);background:var(--surface-subtle);text-align:center;align-content:center;justify-items:center;gap:12px;padding:28px;display:grid}.emptyState h3,.emptyState p,.libraryEmpty h2,.libraryEmpty p{margin:0}.emptyState h3,.libraryEmpty h2{color:var(--text)}.libraryEmpty{grid-column:1/-1;min-height:300px}.modalDialog{overscroll-behavior:contain;border:1px solid var(--border);width:min(520px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text);background:var(--surface);border-radius:14px;margin:auto;padding:28px;overflow:auto;box-shadow:0 24px 80px #0008}.modalDialog::backdrop{background:#09090bcc}.modalHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.modalHeader h2{letter-spacing:-.7px;overflow-wrap:anywhere;margin:0;font-size:23px;font-weight:600}.appShell .modalHeader>button{border-color:#0000;flex-shrink:0;width:36px;min-height:36px;padding:4px;font-size:24px;font-weight:400}.modalBody{min-width:0}.modalBody>p,.modalDialog>p{color:var(--muted)}.modalActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:24px;display:flex}.modalDialog form>p{font-size:13px}.modalDialog form>.primaryDownload{width:100%;margin-top:10px}.accountSections{min-width:0;display:grid}.accountSections>p{overflow-wrap:anywhere;margin-bottom:14px}.accountSections>p:empty{display:none}.accountSections>button{justify-self:start}.accountSections>section,.accountSections>form{border-top:1px solid var(--border);min-width:0;margin-top:24px;padding-top:24px}.accountSections h3{margin-bottom:18px}.accountSections>section:first-child{border:0;margin-top:0;padding-top:0}.matchCorners{margin:0 0 24px}.cornerColors{margin-top:16px}.cornerColors summary{color:var(--muted);margin-bottom:12px;font-size:13px}.sessionList{margin:0;padding:0;list-style:none}.sessionList li{border-top:1px solid var(--border);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:10px;padding:13px 0;font-size:12px;display:flex}.sessionList li:first-child{border-top:0}.sessionList li>:is(div,span){flex:180px;min-width:0}.sessionList small{color:var(--muted);display:block}@media (prefers-reduced-motion:no-preference){.appShell button{transition:background .13s,border-color .13s,color .13s,transform .1s ease-out}.appShell button:active:not(:disabled){transform:translateY(1px)}.modalDialog[open]{animation:.16s ease-out dialogEnter}.modalDialog[open]::backdrop{animation:.16s ease-out backdropEnter}@keyframes dialogEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropEnter{0%{opacity:0}to{opacity:1}}}@media (width<=1290px){.editorToolbar,.workspace,.studioFooter,.dashboardPanel,.accountView{margin-left:40px;margin-right:40px}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:44px}.appShell>.statusBanner:not(:empty),.appShell>.draftNotice{margin-left:40px;margin-right:40px}.draftState{text-align:right;flex:1 0 100%;padding:4px 0 0}}@media (width<=980px){.editorToolbar,.workspace,.studioFooter,.dashboardPanel,.accountView{margin-left:24px;margin-right:24px}.appHeader{gap:16px 24px;padding-inline:24px}.workspace{gap:28px}.resultColumn{padding:20px}.qrStage{min-height:300px;padding:22px}.appShell>.statusBanner:not(:empty),.appShell>.draftNotice{margin-left:24px;margin-right:24px}}@media (width<=820px){html{scroll-padding-bottom:24px}.appShell :where(button,a,input,select,textarea,summary){scroll-margin-block:24px}.appHeader{gap:10px 24px;min-height:64px;padding:10px 20px}.appNav{flex:1 0 100%;order:3;gap:24px}.appShell .appNav button{min-height:44px}.appNav button[aria-current=page]:after{bottom:-11px}.headerActions{gap:4px}.appShell .headerActions button{min-width:44px;min-height:44px;padding:7px 10px;font-size:12px}.editorToolbar,.workspace,.studioFooter,.dashboardPanel,.accountView{margin-left:20px;margin-right:20px}.editorToolbar{flex-wrap:wrap;align-items:flex-start;gap:8px;padding-top:20px;padding-bottom:16px}.editorHeading{flex:250px}.editorHeading h1{font-size:28px}.editorTools{width:100%}.draftState{flex:1;padding:0 0 0 8px}.workspace{flex-direction:column;gap:24px;padding-bottom:0;display:flex}.workspace>*{width:100%}.resultColumn{display:contents}.previewPanel{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-rows:auto 1fr;grid-template-columns:150px minmax(0,1fr);column-gap:20px;width:100%;padding:18px;display:grid}.previewHeading{flex-wrap:wrap;grid-column:2;place-content:start flex-start;gap:6px 12px;margin:12px 0 8px}.previewPanel .qrStage{background:0 0;grid-area:1/1/3;min-height:150px;padding:0}.qrMount{width:min(100%,150px)}.previewMeta{flex-direction:column;grid-column:2;justify-content:flex-start;gap:4px;margin:0}.previewPanel .warningList{grid-column:1/-1}.scanCheck{margin-top:4px}.settingsPanel{width:100%}.panelSection{padding-block:24px}.exportPanel{width:100%;margin:0;padding:22px 0 0}.studioActions{gap:10px;width:100%;margin:0;padding:0}.studioActions button{min-height:46px}.studioFooter{padding-bottom:max(28px, env(safe-area-inset-bottom));margin-top:0}.appShell>.statusBanner:not(:empty),.appShell>.draftNotice{margin-inline:20px}.dashboardPanel{padding-top:30px}.dashboardGrid{gap:16px}.appShell button{min-height:44px}.appShell .shapeGrid button{min-height:60px}.appShell .editorTools .iconOnly{flex-basis:44px;width:44px;min-height:44px}.appShell :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){font-size:16px}.appShell .scanCheck button,.appShell .modalClose{min-height:44px}.appShell .colorInputRow input:not([type=color]){min-height:28px;font-size:16px}.colorInputRow{padding-block:8px}.modalDialog{padding:22px}.modalHeader h2{font-size:21px}.modalActions button{flex:auto}}@media (width<=440px){.appHeader{gap:8px 14px;padding-inline:16px}.brandName,.brand>span{font-size:19px}.brand>svg{width:20px;height:20px}.brandSeparator{margin-left:3px;padding-right:3px;font-size:20px}.brand small:not(.brandSeparator){display:none}.headerActions{max-width:calc(100% - 94px)}.appShell .headerActions button{padding-inline:8px}.editorToolbar,.workspace,.studioFooter,.dashboardPanel,.accountView{margin-inline:16px}.editorHeading h1{font-size:26px}.editorHeading p{font-size:12px}.editorToolbar{gap:12px;padding-block:20px 16px}.draftState{font-size:10px}.previewPanel{grid-template-columns:128px minmax(0,1fr);column-gap:14px;padding:12px}.previewPanel .qrStage{min-height:128px}.qrMount{width:min(100%,128px)}.previewMeta{font-size:11px}.studioActions{padding-inline:0}.appShell>.statusBanner:not(:empty),.appShell>.draftNotice{margin-inline:16px}.dashboardToolbar{gap:12px}.dashboardToolbar .field:first-of-type{flex-basis:100%}.dashboardToolbar .field{flex-basis:110px}.dashboardCard{padding:18px}.dashboardHeader h1,.dashboardHeader h2{font-size:27px}.sectionHint{font-size:11px}.twoColumn,.outputFields{gap:12px}.modalDialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}