:root{--bg: #f4f7fb;--bg-soft: #eef3f9;--surface: rgba(255,255,255,.92);--surface-solid: #ffffff;--surface-2: #f7f9fc;--surface-3: #eef3f8;--text: #111827;--text-2: #344054;--muted: #667085;--muted-2: #98a2b3;--line: #dce3ec;--line-strong: #cbd5e1;--accent: #1769e0;--accent-2: #0e55bf;--accent-soft: #eaf2ff;--success: #15805d;--success-soft: #eaf8f2;--warn: #a15c00;--warn-soft: #fff7e8;--danger: #b42318;--danger-soft: #fff1f0;--shadow-sm: 0 8px 24px rgba(16,24,40,.06);--shadow-md: 0 18px 48px rgba(16,24,40,.1);--shadow-lg: 0 28px 80px rgba(16,24,40,.14);--radius-sm: 12px;--radius: 18px;--radius-lg: 24px;--ease: cubic-bezier(.22,.72,.22,1)}html[data-theme=dark]{--bg: #0b1017;--bg-soft: #101722;--surface: rgba(18,25,35,.92);--surface-solid: #121923;--surface-2: #151e2a;--surface-3: #1a2533;--text: #f3f6fa;--text-2: #d5dde7;--muted: #97a6b8;--muted-2: #738398;--line: #263445;--line-strong: #344559;--accent: #65a2ff;--accent-2: #8bb9ff;--accent-soft: #152a47;--success: #55c69a;--success-soft: #12372d;--warn: #f0b35e;--warn-soft: #392816;--danger: #ff887f;--danger-soft: #3d1d1e;--shadow-sm: 0 10px 28px rgba(0,0,0,.18);--shadow-md: 0 20px 52px rgba(0,0,0,.28);--shadow-lg: 0 30px 90px rgba(0,0,0,.36);color-scheme:dark}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 9% 0%,rgba(23,105,224,.08),transparent 30rem),radial-gradient(circle at 95% 12%,rgba(83,153,255,.08),transparent 26rem),linear-gradient(180deg,var(--bg),var(--bg-soft));overflow-x:hidden;overscroll-behavior-y:none;transition:background .28s ease,color .28s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(125,143,166,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,143,166,.07) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 65%);mask-image:linear-gradient(to bottom,#000,transparent 65%);z-index:-1}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}img,canvas{max-width:100%}[hidden],.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.topbar{position:sticky;top:12px;z-index:100;width:min(1420px,calc(100% - 28px));margin:12px auto 0;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface-solid) 88%,transparent);box-shadow:0 12px 40px #1018281a;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);animation:topbarIn .55s var(--ease) both}.topbar-inner{min-width:0;min-height:68px;padding:8px 10px 8px 14px;display:flex;align-items:center;gap:14px}.brand{min-width:0;flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#1671ec,#0e4fae);font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff47,0 8px 18px #1769e02e}.brand-copy{min-width:0}.brand h1{margin:0;color:var(--text);font-size:18px;line-height:1.08;letter-spacing:-.035em}.brand p{margin:4px 0 0;color:var(--muted);font-size:10.5px;line-height:1;white-space:nowrap}.topnav{min-width:0;flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:4px}.nav-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s var(--ease)}.nav-btn:hover,.nav-btn:focus-visible{color:var(--text);background:var(--surface-2);border-color:var(--line);transform:translateY(-1px);outline:none}.theme-toggle{min-width:98px}.topbar-actions{flex:0 0 auto}.header-upload{display:none;width:auto;min-height:42px;padding:9px 15px;border-radius:11px;border:1px solid transparent;background:var(--accent);color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 18px #1769e02e}body.format-selected .header-upload{display:inline-flex;animation:stageIn .28s var(--ease) both}.header-upload:not(:disabled):hover{transform:translateY(-1px);background:var(--accent-2)}.header-upload:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.header-upload-icon{display:none!important}.layout,.workflow-layout{width:min(1420px,calc(100% - 28px));margin:28px auto 0;padding:0 0 48px;display:grid;grid-template-columns:minmax(410px,500px) minmax(0,1fr);gap:24px;align-items:start;transition:grid-template-columns .28s var(--ease)}body:not(.has-source) .workflow-layout{grid-template-columns:minmax(0,780px);justify-content:center}.card{min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.controls-card{padding:clamp(20px,2.2vw,30px);animation:cardIn .48s .06s var(--ease) both}.workflow-stage{position:relative;min-width:0}.workflow-stage+.workflow-stage{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.stage-label{width:fit-content;min-height:26px;display:inline-flex;align-items:center;padding:5px 9px;margin-bottom:9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-2);font-size:10px;line-height:1;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.workflow-stage h2{margin:0 0 14px;color:var(--text);font-size:clamp(20px,1.7vw,25px);line-height:1.17;letter-spacing:-.035em;overflow-wrap:anywhere}.stage-lead{margin:-4px 0 16px;color:var(--muted);font-size:13px;line-height:1.6}.upload-stage,.preflight-stage,.processing-stage,.tools-stage,#exportPanel,.preview-card{display:none}body.format-selected .upload-stage,body.has-source .processing-stage{display:block;animation:stageIn .42s var(--ease) both}body.has-result .tools-stage,body.has-result #exportPanel{display:block;animation:stageIn .44s var(--ease) both}body.has-source .preview-card{display:block;animation:previewIn .52s var(--ease) both}.field{min-width:0;display:flex;flex-direction:column;gap:8px;margin:0 0 12px}.field>span{color:var(--muted);font-size:11.5px;font-weight:750}.format-field{margin:0}.format-select-button{width:100%;min-width:0;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-solid);color:var(--text);text-align:left;cursor:pointer;box-shadow:0 1px #ffffff38,var(--shadow-sm);transition:border-color .18s ease,background .18s ease,transform .18s var(--ease),box-shadow .18s ease}.format-select-button:hover,.format-select-button:focus-visible{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent-soft) 28%,var(--surface-solid));transform:translateY(-1px);box-shadow:0 10px 26px #1769e01a;outline:none}.format-select-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.format-select-copy strong{color:var(--text);font-size:15px;line-height:1.25;overflow-wrap:anywhere}.format-select-copy small{color:var(--muted);font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}.format-select-chevron{flex:0 0 auto;min-width:78px;min-height:34px;display:grid;place-items:center;padding:7px 10px;border-radius:10px;color:var(--accent);background:var(--accent-soft);font-size:10px;font-weight:850}.format-select-chevron:after{content:"Выбрать"}.preset-native-fallback{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}input[type=number],select,.format-search input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;outline:0;color:var(--text);background:var(--surface-solid);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input[type=number]:focus,select:focus,.format-search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}.preset-info,.requirements-box,.advanced,.background-panel,.correction-panel,.export-info,.checks,.notice,.status,.mini-note{min-width:0;border:1px solid var(--line);color:var(--text-2);background:var(--surface-2)}.preset-info{margin-top:12px;padding:13px 14px;border-radius:13px;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.preset-info strong{color:var(--text)}.requirements-box,.advanced{margin-top:12px;border-radius:14px;overflow:clip}.requirements-box summary,.advanced summary{list-style:none;cursor:pointer;padding:13px 14px;color:var(--text);font-size:12px;font-weight:800;-webkit-user-select:none;user-select:none;transition:background .16s ease}.requirements-box summary::-webkit-details-marker,.advanced summary::-webkit-details-marker{display:none}.requirements-box summary:after,.advanced summary:after{content:"+";float:right;color:var(--muted);font-size:16px;line-height:1}.requirements-box[open] summary:after,.advanced[open] summary:after{content:"−"}.requirements-box summary:hover,.advanced summary:hover{background:var(--surface-3)}.requirements-list,.advanced-body{padding:0 14px 14px;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.requirements-list ul{margin:6px 0 0;padding-left:18px}.requirements-list li{margin:5px 0}.requirements-source{margin-top:9px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted-2);font-size:10.5px}.drop-zone{min-height:168px;display:grid;place-items:center;align-content:center;gap:7px;padding:22px;border:1.5px dashed color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:18px;color:var(--text);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 32%,var(--surface-solid)),var(--surface-solid));text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s var(--ease),box-shadow .18s ease}.drop-zone:hover,.drop-zone.drag{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 52%,var(--surface-solid));transform:translateY(-1px);box-shadow:0 12px 30px #1769e017}.drop-zone strong{font-size:15px}.drop-zone span{color:var(--muted);font-size:12px;line-height:1.45}.drop-zone small{color:var(--muted-2);font-size:10.5px}.mobile-upload-btn{display:none;margin-top:10px}.status{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border-radius:13px}.status.error{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}.status-copy{min-width:0}.status-copy strong{display:block;margin-bottom:3px;font-size:12px}.status-copy div{color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.spinner{width:18px;height:18px;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}.processing-progress{margin-top:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.progress-head,.progress-meta{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-head{color:var(--text);font-size:12px}.progress-head strong{min-width:0;overflow-wrap:anywhere}.progress-head span{flex:0 0 auto;color:var(--accent);font-weight:900;font-variant-numeric:tabular-nums}.progress-track{position:relative;height:9px;margin:10px 0 8px;border-radius:999px;overflow:hidden;background:var(--surface-3)}.progress-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.32) 42%,transparent 68%);transform:translate(-100%);animation:shimmer 1.7s linear infinite}.progress-track span{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#56a0ff);transition:width .2s linear}.progress-meta{color:var(--muted);font-size:10.5px;font-variant-numeric:tabular-nums}.btn,.preview-toggle{min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:820;line-height:1.2;cursor:pointer;text-align:center;text-decoration:none;transition:transform .18s var(--ease),background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:disabled,.preview-toggle:disabled{opacity:.42;cursor:not-allowed;transform:none}.primary{color:#fff;background:var(--accent);box-shadow:0 8px 18px #1769e029}.secondary,.ghost,.preview-toggle{color:var(--text);background:var(--surface-2);border-color:var(--line)}.secondary:not(:disabled):hover,.ghost:not(:disabled):hover,.preview-toggle:not(:disabled):hover{border-color:var(--line-strong);background:var(--surface-3)}.success{color:#fff;background:var(--accent)}.online{color:#fff;background:#205f9f}.full{width:100%}.compact-btn{min-height:36px;padding:8px 11px;font-size:10.5px}.primary-tools{display:grid;gap:9px}.toggle-row{min-width:0;display:flex;align-items:flex-start;gap:11px;padding:12px;margin:0 0 9px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.toggle-row input{margin:3px 0 0;flex:0 0 auto;accent-color:var(--accent)}.toggle-row span{min-width:0;display:flex;flex-direction:column;gap:4px}.toggle-row strong{color:var(--text);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.toggle-row small{color:var(--muted);font-size:10.5px;line-height:1.45;overflow-wrap:anywhere}.tool-card{margin:0;transition:border-color .16s ease,background .16s ease,transform .16s var(--ease)}.tool-card:has(input:checked){border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent-soft) 35%,var(--surface-2))}.tool-card:hover{transform:translateY(-1px)}.mini-note{margin:10px 0 0;padding:11px 12px;border-radius:12px;color:var(--muted);font-size:10.8px;line-height:1.5;overflow-wrap:anywhere}.advanced-body{padding-top:3px}.background-panel,.correction-panel{margin:10px 0;padding:12px;border-radius:13px}.panel-title{margin-bottom:9px;color:var(--text);font-size:12px;font-weight:800}.bg-swatches{display:grid;grid-template-columns:repeat(4,minmax(46px,1fr));gap:8px;margin-bottom:9px}.bg-swatch{min-height:46px;border:2px solid transparent;border-radius:11px;cursor:pointer;box-shadow:inset 0 0 0 1px #0f172a1f;transition:transform .16s var(--ease),border-color .16s ease,box-shadow .16s ease}.bg-swatch:hover{transform:translateY(-1px)}.bg-swatch.active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.bg-swatch.white{background:#fff}.bg-swatch.blue{background:#d9ecff}.bg-swatch.red{background:#d93b3b}.bg-swatch.gradient{background:linear-gradient(180deg,#fff,#f7fbff 46%,#c9e4ff)}.bg-swatches.disabled{opacity:.46;pointer-events:none}.background-panel small,.correction-panel small{display:block;margin-top:5px;color:var(--muted);font-size:10.5px;line-height:1.45}.compact-toggle{padding:9px 10px;margin-bottom:10px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.range-row{margin:11px 0 14px}.range-row label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--text-2);font-size:11.5px;font-weight:700}.range-row output{color:var(--muted);font-size:10.5px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;min-height:26px;accent-color:var(--accent);touch-action:pan-y}.tips-toggle-row{display:flex;justify-content:flex-end;margin-top:12px}.export-panel{padding:0;background:transparent;border:0}.export-info{padding:12px 13px;border-radius:13px;color:var(--muted);font-size:11.5px;line-height:1.55;overflow-wrap:anywhere}.action-grid,.export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.sheet-action{margin-top:9px}.export-quality-note{margin-top:10px;color:var(--muted);font-size:10.5px;line-height:1.5;overflow-wrap:anywhere}.preview-card{position:sticky;top:104px;min-width:0;padding:18px;overflow:hidden}.preview-head{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.preview-title-wrap{min-width:0}.preview-title-wrap h2{margin:0;color:var(--text);font-size:18px;letter-spacing:-.025em}.preview-title-wrap p{margin:4px 0 0;max-width:440px;color:var(--muted);font-size:10.8px;line-height:1.4;overflow-wrap:anywhere}.preview-head-actions{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px}.badge{min-height:30px;display:inline-flex;align-items:center;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-2);font-size:9.5px;font-weight:800;text-transform:lowercase}.badge.ok{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 25%,var(--line))}.badge.working{color:var(--accent);background:var(--accent-soft)}.badge.bad{color:var(--danger);background:var(--danger-soft)}.preview-toggle{min-height:31px;padding:6px 9px;font-size:9.5px}#mobilePreviewToggle{display:none}.preview-shell{position:relative;min-height:580px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(45deg,color-mix(in srgb,var(--line) 38%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--line) 38%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--line) 38%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--line) 38%,transparent) 75%),var(--surface-2);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}#previewCanvas,.source-preview{display:block;max-width:calc(100% - 24px);max-height:556px;object-fit:contain;background:#fff;box-shadow:0 16px 42px #1018282e;backface-visibility:hidden}.source-preview{display:none}.placeholder{max-width:410px;display:flex;flex-direction:column;gap:7px;padding:28px;color:var(--muted);text-align:center}.placeholder strong{color:var(--text);font-size:14px}.placeholder span{font-size:11px;line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.metrics div{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.metrics span{display:block;color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.045em}.metrics strong{display:block;margin-top:4px;color:var(--text);font-size:11.5px;overflow-wrap:anywhere}.checks{margin-top:10px;padding:11px 12px;border-radius:12px}.checks>strong{display:block;margin-bottom:7px;color:var(--text);font-size:11px}.check{display:flex;align-items:center;gap:7px;margin:6px 0;color:var(--muted);font-size:11px}.check span{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:900}.check.pass span{color:var(--success);background:var(--success-soft)}.check.warn span{color:var(--warn);background:var(--warn-soft)}.notice{margin-top:10px;padding:11px 12px;border-radius:12px;color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 26%,var(--line));font-size:10.8px;line-height:1.5;overflow-wrap:anywhere}.format-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.format-picker-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#0c121c70;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fadeIn .22s ease both}.format-picker-panel{position:absolute;left:50%;top:50%;width:min(780px,calc(100% - 32px));max-height:min(82vh,760px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-lg);transform:translate(-50%,-50%);animation:modalIn .34s var(--ease) both}.format-picker-grabber{display:none}.format-picker-head{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.format-picker-kicker{display:block;margin-bottom:5px;color:var(--accent);font-size:9.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.format-picker-head h2{margin:0;color:var(--text);font-size:22px;letter-spacing:-.035em}.format-picker-close{flex:0 0 auto;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:10.5px;font-weight:800;cursor:pointer}.format-search{display:block;margin-bottom:15px}.format-group{margin-top:17px}.format-group h3{margin:0 0 8px;color:var(--muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.format-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.format-option{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:62px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s var(--ease)}.format-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent-soft) 28%,var(--surface-2))}.format-option.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.format-option-copy{min-width:0}.format-option-copy strong{display:block;color:var(--text);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.format-option-copy small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35;overflow-wrap:anywhere}.format-option-check{display:none!important}.site-footer{width:min(1420px,calc(100% - 28px));margin:0 auto;padding:8px 4px 32px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:10.5px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.site-footer a{color:var(--muted);text-decoration:none;transition:color .16s ease}.site-footer a:hover{color:var(--accent)}.footer-contact{white-space:nowrap}body.hints-hidden .stage-lead,body.hints-hidden .preset-info,body.hints-hidden .requirements-box,body.hints-hidden .mini-note,body.hints-hidden .toggle-row small,body.hints-hidden .background-panel small,body.hints-hidden .correction-panel small,body.hints-hidden .export-quality-note,body.hints-hidden .placeholder span{display:none!important}html[data-theme=dark] #previewCanvas,html[data-theme=dark] .source-preview{background:#fff}html[data-theme=dark] .bg-swatch.white{box-shadow:inset 0 0 0 1px #738398}@media(max-width:1180px){.topbar,.layout,.workflow-layout,.site-footer{width:min(100% - 18px,1080px)}.topbar-inner{flex-wrap:wrap;gap:8px}.brand{margin-right:auto}.topnav{order:3;width:100%;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding:3px 0 1px;scrollbar-width:none;scroll-snap-type:x proximity}.topnav::-webkit-scrollbar{display:none}.nav-btn{scroll-snap-align:start}.layout,.workflow-layout{grid-template-columns:1fr;gap:16px;margin-top:16px}body:not(.has-source) .workflow-layout{grid-template-columns:1fr;max-width:820px}.controls-card{order:1}.preview-card{position:static;order:2;top:auto}#mobilePreviewToggle{display:inline-flex}.preview-shell{min-height:500px}#previewCanvas,.source-preview{max-height:478px}}@media(max-width:700px){body:before{opacity:.12;background-size:32px 32px}.topbar{top:7px;margin-top:7px;border-radius:17px}.topbar-inner{min-height:0;padding:8px}.brand-mark{width:36px;height:36px;border-radius:10px}.brand h1{font-size:16px}.brand p{display:none}.topbar-actions{margin-left:auto}.header-upload{min-height:38px;padding:8px 10px;font-size:10.5px}.topnav{gap:3px}.nav-btn{min-height:34px;padding:7px 9px;border-radius:9px;font-size:10.5px}.theme-toggle{min-width:88px}.layout,.workflow-layout{width:calc(100% - 14px);padding-bottom:26px}.controls-card,.preview-card{padding:14px;border-radius:17px;box-shadow:var(--shadow-sm)}.workflow-stage+.workflow-stage{margin-top:18px;padding-top:18px}.workflow-stage h2{font-size:18px;margin-bottom:11px}.stage-label{min-height:23px;padding:4px 7px;font-size:9px}.format-select-button{min-height:68px;padding:12px;border-radius:14px;gap:10px}.format-select-copy strong{font-size:13.5px}.format-select-copy small{font-size:10.5px}.format-select-chevron{min-width:66px;min-height:31px;padding:6px 8px;font-size:9px}.drop-zone{min-height:126px;padding:17px 12px;border-radius:14px}.mobile-upload-btn{display:flex;width:100%}.processing-progress{padding:11px}.progress-meta{align-items:flex-start;flex-direction:column;gap:3px}.grid2,.action-grid,.export-actions{grid-template-columns:1fr}.preview-head{gap:10px}.preview-title-wrap h2{font-size:16px}.preview-title-wrap p{max-width:54vw}.preview-head-actions{gap:4px}.badge{min-height:27px;padding:5px 7px;font-size:8.5px}.preview-toggle{min-height:28px;padding:5px 7px;font-size:8.5px}body.has-source .preview-shell{min-height:224px;height:224px;border-radius:14px}body.has-source #previewCanvas,body.has-source .source-preview{max-height:210px;max-width:calc(100% - 14px)}body.mobile-preview-expanded .preview-shell{height:min(62dvh,520px);min-height:330px}body.mobile-preview-expanded #previewCanvas,body.mobile-preview-expanded .source-preview{max-height:calc(min(62dvh,520px) - 16px)}body.has-source:not(.mobile-preview-expanded) .metrics,body.has-source:not(.mobile-preview-expanded) .checks,body.has-source:not(.mobile-preview-expanded) .notice{display:none!important}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.metrics div{padding:8px}.metrics span{font-size:8px}.metrics strong{font-size:9.5px}.format-picker-panel{left:0;right:0;top:auto;bottom:0;width:100%;max-height:88dvh;padding:15px 12px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;transform:none;animation:sheetIn .34s var(--ease) both}.format-picker-grabber{display:block;width:42px;height:4px;margin:0 auto 12px;border-radius:999px;background:var(--line-strong)}.format-picker-head h2{font-size:18px}.format-option-grid{grid-template-columns:1fr}.format-option{min-height:57px}.site-footer{width:calc(100% - 18px);padding-bottom:24px;flex-direction:column;text-align:center;gap:8px}.site-footer nav{gap:9px}}@media(max-width:390px){.header-upload-label{display:none}.header-upload{width:38px;padding:0}.header-upload:after{content:"+";font-size:20px;line-height:1}.theme-toggle{min-width:auto}.preview-head-actions .badge{display:none}.bg-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes topbarIn{0%{opacity:0;transform:translateY(-10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes stageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes previewIn{0%{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-47%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes sheetIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}.brand-mark{overflow:hidden;padding:0;background:transparent;box-shadow:0 8px 18px #1769e029}.topbar-actions{display:flex;align-items:center;gap:6px}@media(max-width:1180px){.mobile-preview-slot{display:block}.mobile-preview-slot .preview-card{position:static;width:100%;margin:18px 0 0;top:auto}.mobile-preview-slot+.workflow-stage{margin-top:18px;padding-top:18px}}@media(max-width:700px){.mobile-preview-slot .preview-card{margin-top:14px;padding:12px;border-radius:15px}.mobile-preview-slot .preview-head{margin-bottom:9px}}.language-switch{display:flex;align-items:center}.language-select{min-height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);color:var(--text);padding:0 28px 0 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.capture-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.capture-tip{min-width:0;display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.capture-tip .tip-symbol{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-size:18px;font-weight:900}.capture-tip.good .tip-symbol{color:#0a7b4f;background:#14b8741c}.capture-tip.bad .tip-symbol{color:#b42318;background:#ef44441a}.capture-tip strong,.capture-tip small{display:block;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.capture-tip strong{font-size:11.5px;line-height:1.3;color:var(--text)}.capture-tip small{margin-top:4px;font-size:10px;line-height:1.4;color:var(--muted)}.upload-actions-row,.tool-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.demo-photo-btn{min-height:44px}.bg-swatch.gray{background:#d9dde3}.custom-color-row{display:grid;grid-template-columns:auto 44px minmax(0,110px) auto;gap:8px;align-items:center;margin-top:10px}.custom-color-row label{color:var(--muted);font-size:10px;font-weight:750}.custom-color-row input[type=color]{width:44px;height:38px;padding:2px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid)}.custom-color-row input[type=text]{min-width:0;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 9px;background:var(--surface-solid);color:var(--text);font:inherit;font-size:11px;text-transform:uppercase}.processing-progress .progress-track span{transition:width .38s cubic-bezier(.2,.8,.2,1)}@media(max-width:1180px){.mobile-preview-slot{position:relative;z-index:12}body.has-source .mobile-preview-slot .preview-card{position:sticky;top:72px;z-index:12;box-shadow:0 18px 38px #0f172a2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell{max-height:180px;overflow:hidden}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell canvas,body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell img{max-height:180px;object-fit:contain}}@media(max-width:760px){.capture-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.capture-tip{padding:10px;border-radius:12px}.upload-actions-row,.tool-actions-row{grid-template-columns:1fr}.custom-color-row{grid-template-columns:auto 42px minmax(0,1fr)}.custom-color-row .btn{grid-column:1/-1}body.has-source .mobile-preview-slot .preview-card{top:62px}.topnav{gap:4px}.language-select{min-height:34px;padding-left:8px;padding-right:22px}}@media(max-width:430px){.capture-guide{grid-template-columns:1fr}.capture-tip:nth-child(n+3){display:none}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell{max-height:150px}}.preflight-stage{display:none}body.has-source .preflight-stage{display:block;animation:stageIn .38s var(--ease) both}.preflight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.preflight-head h2{margin-bottom:7px}.quality-score{flex:0 0 auto;display:grid;place-items:center;min-width:74px;min-height:48px;padding:8px 11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--muted);font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.quality-score.good{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 28%,var(--line))}.quality-score.mid{color:var(--warn);background:var(--warn-soft)}.quality-score.bad{color:var(--danger);background:var(--danger-soft)}.preflight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.preflight-item{display:flex;gap:9px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.preflight-item>span{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:900}.preflight-item.pass>span{color:var(--success);background:var(--success-soft)}.preflight-item.warn>span{color:var(--warn);background:var(--warn-soft)}.preflight-item strong,.preflight-item small{display:block}.preflight-item strong{color:var(--text);font-size:10.8px}.preflight-item small{margin-top:3px;color:var(--muted);font-size:9.6px;line-height:1.35}.preflight-placeholder{padding:14px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted);background:var(--surface-2);font-size:11px;text-align:center}.preflight-options{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.pose-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.pose-summary strong{font-size:11px}.pose-summary small{color:var(--muted);font-size:9.8px;line-height:1.4}.restore-banner{width:min(1420px,calc(100% - 28px));margin:14px auto 0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent-soft) 44%,var(--surface));box-shadow:var(--shadow-sm)}.restore-banner[hidden]{display:none!important}.restore-banner strong,.restore-banner span{display:block}.restore-banner strong{font-size:12px;color:var(--text)}.restore-banner span{margin-top:3px;font-size:10px;color:var(--muted)}.restore-actions{display:flex;gap:8px;flex:0 0 auto}.history-btn{min-width:31px;padding-inline:7px;font-size:14px;font-weight:900}.final-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 4px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.final-summary strong{color:var(--text);font-size:12.5px}.final-summary span{color:var(--muted);font-size:10.5px;text-align:right}.print-builder{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.print-builder .field{margin-bottom:0}.print-warning{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:9px 10px;border-radius:11px;background:var(--warn-soft);color:var(--warn);font-size:10px;line-height:1.4}.print-warning strong{white-space:nowrap}.export-format-field{margin-top:10px}.studio-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260}.studio-dialog[hidden]{display:none!important}.studio-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#0c121c8a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(980px,calc(100% - 28px));max-height:min(88dvh,860px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-lg);animation:modalIn .3s var(--ease) both}.studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.studio-head h2{margin:0;font-size:24px;letter-spacing:-.035em}.studio-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.studio-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end;margin:18px 0 14px}.studio-toolbar .field{margin:0}.studio-file-btn{cursor:pointer}.studio-queue{display:grid;gap:8px}.studio-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.studio-item-index{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:900;font-size:11px}.studio-item strong,.studio-item small{display:block;overflow-wrap:anywhere}.studio-item strong{font-size:11px;color:var(--text)}.studio-item small{margin-top:3px;font-size:9.5px;color:var(--muted)}.studio-status{font-size:10px;font-weight:800;color:var(--muted)}.studio-status.ok{color:var(--success)}.studio-status.bad{color:var(--danger)}.professional-footer{display:block;margin-top:8px;padding:28px 4px 34px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:22px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.footer-grid>div>strong{color:var(--text);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.footer-grid a,.footer-link-button{padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:10.5px;text-align:left;text-decoration:none;cursor:pointer}.footer-grid a:hover,.footer-link-button:hover{color:var(--accent)}.footer-brand .brand{align-items:flex-start}.footer-brand .brand-copy h2{margin:0;color:var(--text);font-size:17px}.footer-brand .brand-copy p{margin:4px 0 0;max-width:230px;color:var(--muted);font-size:10px;line-height:1.45}.footer-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:9.8px;color:var(--muted)}.install-app-btn{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,var(--line));background:var(--accent-soft)}@media(max-width:900px){.preflight-list,.preflight-options{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}.studio-toolbar{grid-template-columns:1fr 1fr}.studio-toolbar .field{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:700px){.restore-banner{width:calc(100% - 14px);flex-direction:column;align-items:stretch}.restore-actions{display:grid;grid-template-columns:1fr 1fr}.preflight-head{align-items:center}.quality-score{min-width:68px;min-height:44px;font-size:13px}.studio-panel{inset:auto 0 0 0;left:0;top:auto;transform:none;width:100%;max-height:90dvh;border-radius:22px 22px 0 0;padding:14px 12px calc(16px + env(safe-area-inset-bottom));animation:sheetIn .3s var(--ease) both}.studio-toolbar{grid-template-columns:1fr}.studio-toolbar .field{grid-column:auto}.studio-item{grid-template-columns:36px minmax(0,1fr)}.studio-status{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-bottom{text-align:left}.final-summary{align-items:flex-start;flex-direction:column}.final-summary span{text-align:left}}@media(max-width:430px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.preflight-item{padding:9px}.preflight-head .stage-lead{display:none}}.cookie-consent{position:fixed;z-index:1200;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(920px,calc(100% - 28px));display:flex;align-items:center;gap:18px;padding:16px 17px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 24px 70px #0f172a38;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cookie-consent-copy{min-width:0;flex:1;display:grid;gap:4px}.cookie-consent-copy strong{font-size:14px;color:var(--text)}.cookie-consent-copy span{font-size:12px;line-height:1.55;color:var(--muted)}.cookie-consent-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.cookie-consent-actions button,.cookie-consent-actions a{min-height:38px;border-radius:11px;padding:9px 12px;font:inherit;font-size:11.5px;font-weight:800;text-decoration:none;cursor:pointer}.cookie-consent-actions a{display:inline-flex;align-items:center;color:var(--muted)}.cookie-necessary{border:1px solid var(--line);background:var(--soft);color:var(--text)}.cookie-accept{border:1px solid var(--accent);background:var(--accent);color:#fff}@media(max-width:700px){.cookie-consent{align-items:stretch;flex-direction:column;gap:12px;padding:15px}.cookie-consent-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-consent-actions a{grid-column:1/-1;justify-content:center;order:3}.cookie-consent-actions button{width:100%}}.mobile-language-switch{display:none;align-items:center}.mobile-language-select{min-width:62px}@media(max-width:760px){.mobile-language-switch{display:flex}.topnav .language-switch{display:none}.topbar-inner{flex-wrap:nowrap}.brand,.brand-copy{min-width:0}.topbar-actions{flex:0 0 auto;gap:5px}.mobile-language-select{min-height:38px;border-radius:10px;font-size:10.5px;padding-left:7px;padding-right:20px}.topnav{order:3;position:absolute;top:100%;left:8px;right:8px;width:auto;margin-top:6px;padding:6px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}body.has-source .workflow-layout{padding-top:208px}body.has-source .mobile-preview-slot .preview-card{position:fixed!important;top:calc(58px + env(safe-area-inset-top));left:7px;right:7px;width:auto;max-width:none;margin:0;padding:9px 10px;z-index:90;border-radius:15px;box-shadow:0 18px 42px #0f172a40;background:color-mix(in srgb,var(--surface-solid) 96%,transparent);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}body.has-source .mobile-preview-slot{min-height:0;margin:0}body.has-source .mobile-preview-slot .preview-head{min-height:28px;margin-bottom:5px;align-items:center}body.has-source .mobile-preview-slot .preview-title-wrap h2{font-size:13px}body.has-source .mobile-preview-slot .preview-title-wrap p,body.has-source .mobile-preview-slot .preview-head-actions .history-btn,body.has-source .mobile-preview-slot .preview-head-actions .badge{display:none}body.has-source .mobile-preview-slot .preview-toggle{min-height:27px;padding:4px 7px;font-size:8.5px}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell{min-height:148px!important;height:148px!important;max-height:148px!important;border-radius:11px}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell canvas,body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell img{max-height:140px!important;max-width:calc(100% - 10px)!important}body.mobile-preview-expanded .mobile-preview-slot .preview-card{bottom:8px;max-height:none;overflow:auto}body.mobile-preview-expanded .mobile-preview-slot .preview-shell{height:min(58dvh,520px)!important;max-height:none!important}body.mobile-preview-expanded .mobile-preview-slot .preview-shell canvas,body.mobile-preview-expanded .mobile-preview-slot .preview-shell img{max-height:calc(min(58dvh,520px) - 12px)!important}.advanced summary{min-height:48px;display:flex;align-items:center;padding:11px 10px}.range-row{margin:14px 0 17px}input[type=range]{min-height:38px}.field select,.field input:not([type=range]),.compact-select{min-height:44px}.toggle-row{min-height:54px}.preflight-list{grid-template-columns:1fr}.preflight-item{padding:11px}.action-grid,.export-actions,.upload-actions-row,.tool-actions-row{gap:8px}.btn{min-height:44px}.studio-panel{width:calc(100% - 12px);max-height:92dvh;padding:14px;border-radius:18px}.studio-toolbar{grid-template-columns:1fr}}@media(max-width:430px){body.has-source .workflow-layout{padding-top:196px}body.has-source .mobile-preview-slot .preview-card{top:calc(54px + env(safe-area-inset-top))}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell{min-height:140px!important;height:140px!important;max-height:140px!important}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell canvas,body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell img{max-height:132px!important}.controls-card{padding-left:11px;padding-right:11px}.preflight-head{gap:8px}.quality-score{min-width:64px;min-height:44px;font-size:13px}}.mobile-menu-btn{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);color:var(--text);font:inherit;font-size:18px;line-height:1;cursor:pointer}@media(max-width:760px){.mobile-menu-btn{display:grid;place-items:center}body.mobile-nav-open .topnav{opacity:1;pointer-events:auto;transform:none}}@media(max-width:760px){body.has-source .workflow-layout{padding-top:0!important}body.has-source .mobile-preview-slot{position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:80;min-height:0;margin:12px 0 14px}body.has-source .mobile-preview-slot .preview-card{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none;margin:0!important;padding:9px 10px;z-index:auto;border-radius:15px;box-shadow:0 14px 34px #0f172a38;background:color-mix(in srgb,var(--surface-solid) 97%,transparent);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}body.has-source .mobile-preview-slot .preview-head{min-height:28px;margin-bottom:5px;align-items:center}body.has-source .mobile-preview-slot .preview-title-wrap h2{font-size:13px}body.has-source .mobile-preview-slot .preview-title-wrap p,body.has-source .mobile-preview-slot .preview-head-actions .history-btn,body.has-source .mobile-preview-slot .preview-head-actions .badge{display:none}body.has-source .mobile-preview-slot .preview-toggle{min-height:27px;padding:4px 7px;font-size:8.5px}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell{min-height:148px!important;height:148px!important;max-height:148px!important;border-radius:11px}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell canvas,body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell img{max-height:140px!important;max-width:calc(100% - 10px)!important}body.mobile-preview-expanded .mobile-preview-slot{top:calc(58px + env(safe-area-inset-top))}body.mobile-preview-expanded .mobile-preview-slot .preview-card{max-height:calc(100dvh - 72px - env(safe-area-inset-top));overflow:auto}body.mobile-preview-expanded .mobile-preview-slot .preview-shell{height:min(58dvh,520px)!important;max-height:none!important}}@media(max-width:430px){body.has-source .workflow-layout{padding-top:0!important}body.has-source .mobile-preview-slot{top:calc(60px + env(safe-area-inset-top))}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell{min-height:140px!important;height:140px!important;max-height:140px!important}body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell canvas,body.has-source:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell img{max-height:132px!important}}html.studio-bridge-mode body{visibility:hidden!important;pointer-events:none!important}@media(max-width:760px){body.has-source .mobile-preview-slot{position:relative!important;top:auto!important;z-index:auto!important;min-height:176px;margin:12px 0 14px}body.has-source .mobile-preview-slot .preview-card{position:relative!important;inset:auto!important;width:100%!important;margin:0!important;padding:9px 10px!important;border-radius:15px!important}body.mobile-preview-docked .mobile-preview-slot .preview-card{position:fixed!important;top:var(--mobile-preview-dock-top,64px)!important;left:8px!important;right:8px!important;bottom:auto!important;width:auto!important;max-width:none!important;margin:0!important;z-index:140!important;box-shadow:0 16px 42px #0f172a42!important;background:color-mix(in srgb,var(--surface-solid) 97%,transparent)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}body.mobile-preview-docked:not(.mobile-preview-expanded) .mobile-preview-slot .preview-card{max-height:188px;overflow:hidden}body.mobile-preview-docked:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell{min-height:132px!important;height:132px!important;max-height:132px!important}body.mobile-preview-docked:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell canvas,body.mobile-preview-docked:not(.mobile-preview-expanded) .mobile-preview-slot .preview-shell img{max-height:126px!important;max-width:calc(100% - 8px)!important}body.mobile-preview-docked .mobile-preview-slot .metrics,body.mobile-preview-docked .mobile-preview-slot .checks,body.mobile-preview-docked .mobile-preview-slot .notice{display:none!important}body.mobile-preview-docked.mobile-preview-expanded .mobile-preview-slot .preview-card{max-height:calc(100dvh - var(--mobile-preview-dock-top,64px) - 8px);overflow:auto}}.mobile-preview-slot{display:none!important}.floating-preview{display:none}.floating-preview[hidden]{display:none!important}@media(max-width:760px),(max-width:960px)and (max-height:500px)and (pointer:coarse){body.mobile-device .floating-preview{display:block;position:fixed;top:max(var(--floating-top,72px),env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));bottom:auto;z-index:90;width:124px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface-solid);box-shadow:0 8px 24px #0f172a33;color:var(--text);cursor:pointer;text-align:left}.floating-preview span{display:block;margin:0 0 5px;color:var(--muted);font:600 10px/14px Inter,sans-serif;white-space:nowrap}.floating-preview canvas{display:block;width:auto;height:auto;max-width:100%;max-height:128px;margin:0 auto;border-radius:8px;background:var(--surface-2)}.floating-preview[aria-busy=true]:after{content:"";position:absolute;right:10px;bottom:10px;width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:floating-spin 1s linear infinite}.workflow-layout{padding-top:0!important}body.has-source .preview-card{position:static!important;inset:auto!important;width:100%!important;margin:0!important}}@media(max-height:500px)and (max-width:760px),(max-height:500px)and (max-width:960px)and (pointer:coarse){body.mobile-device .floating-preview{width:104px}body.mobile-device .floating-preview canvas{width:auto;height:auto;max-height:72px}}@keyframes floating-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.floating-preview[aria-busy=true]:after{animation:none}}:root{--bg:#f3f6fa;--bg-soft:#eaf0f7;--surface:rgba(255,255,255,.82);--surface-solid:#ffffff;--surface-2:#f5f7fa;--surface-3:#edf2f7;--text:#0c1524;--text-2:#334155;--muted:#6b788c;--muted-2:#98a3b3;--line:#dce3ec;--line-strong:#c6d0dc;--accent:#2474f0;--accent-2:#155fda;--accent-soft:#eaf2ff;--success:#138760;--success-soft:#e7f6ef;--warn:#a66408;--warn-soft:#fff5df;--danger:#c53b32;--danger-soft:#fff0ee;--shadow-sm:0 8px 22px rgba(15,23,42,.055);--shadow-md:0 20px 55px rgba(15,23,42,.075);--shadow-lg:0 32px 90px rgba(15,23,42,.15);--radius-sm:10px;--radius:14px;--radius-lg:18px;--ease:cubic-bezier(.2,.75,.24,1)}html[data-theme=dark]{--bg:#07111d;--bg-soft:#0a1421;--surface:rgba(13,25,40,.8);--surface-solid:#0f1b2a;--surface-2:#132235;--surface-3:#182a40;--text:#f4f7fb;--text-2:#d5deea;--muted:#95a5ba;--muted-2:#71839a;--line:#24364b;--line-strong:#36506b;--accent:#5b9dff;--accent-2:#78afff;--accent-soft:#122c4f;--success:#54c79c;--success-soft:#10362d;--warn:#efb15a;--warn-soft:#342714;--danger:#ff8c84;--danger-soft:#3a1e20;--shadow-sm:0 10px 28px rgba(0,0,0,.17);--shadow-md:0 24px 64px rgba(0,0,0,.24);--shadow-lg:0 34px 100px rgba(0,0,0,.38)}body{background:radial-gradient(circle at 13% -8%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 32rem),radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 28rem),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);letter-spacing:-.008em}body:before{display:none}.topbar{top:14px;width:min(1510px,calc(100% - 32px));margin:14px auto 0;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface-solid) 77%,transparent);box-shadow:0 12px 35px #0f172a14;backdrop-filter:blur(22px) saturate(132%);-webkit-backdrop-filter:blur(22px) saturate(132%)}.topbar-inner{min-height:64px;padding:8px 9px 8px 12px;gap:12px}.brand{gap:9px}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#2b7df2,#1c61d8);box-shadow:inset 0 1px #ffffff47,0 8px 18px #2474f02e}.brand h1{font-size:17px;font-weight:820;letter-spacing:-.045em}.brand p{margin-top:3px;font-size:9.8px;letter-spacing:0}.nav-btn{min-height:38px;padding:8px 11px;border-radius:9px;color:var(--muted);font-size:11px;font-weight:720}.nav-btn:hover,.nav-btn:focus-visible{transform:none;background:color-mix(in srgb,var(--surface-2) 86%,transparent)}.nav-btn[aria-current=page]{color:var(--text);background:var(--surface-2);border-color:var(--line)}.language-select{border-radius:9px!important}.header-upload{min-height:40px;border-radius:9px;box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 20%,transparent)}.layout,.workflow-layout{width:min(1510px,calc(100% - 32px));margin:24px auto 0;grid-template-columns:minmax(430px,520px) minmax(0,1fr);gap:22px;padding-bottom:64px}body:not(.has-source) .workflow-layout{grid-template-columns:minmax(0,760px)}.controls-card{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.workflow-stage{padding:22px;border:1px solid color-mix(in srgb,var(--line) 93%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.workflow-stage+.workflow-stage{margin-top:12px;padding-top:22px;border-top:1px solid var(--line)}.stage-label{min-height:0;margin:0 0 8px;padding:0;border:0;border-radius:0;color:var(--accent);background:transparent;font-size:9.5px;font-weight:850;letter-spacing:.08em}.workflow-stage h2{margin-bottom:10px;font-size:clamp(20px,1.5vw,24px);font-weight:780;letter-spacing:-.045em}.stage-lead{margin:-2px 0 15px;font-size:12px;line-height:1.55;max-width:50ch}.field{gap:7px;margin-bottom:11px}.field>span{font-size:10.5px;font-weight:720;color:var(--muted)}.format-select-button{min-height:70px;padding:13px 14px;border-radius:12px;background:var(--surface-solid);box-shadow:none}.format-select-button:hover,.format-select-button:focus-visible{transform:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.format-select-copy strong{font-size:14px;font-weight:780}.format-select-copy small{font-size:10.8px}.format-select-chevron{min-width:70px;min-height:32px;border-radius:8px;font-size:9.5px}input[type=number],select,.format-search input{min-height:43px;border-radius:9px;background:var(--surface-solid);font-size:12px}.preset-info{margin-top:10px;padding:11px 12px;border-radius:10px;font-size:11px;line-height:1.5;background:color-mix(in srgb,var(--surface-2) 85%,transparent)}.requirements-box,.advanced{margin-top:10px;border-radius:11px;background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.requirements-box summary,.advanced summary{padding:11px 12px;font-size:11px}.requirements-list,.advanced-body{padding:0 12px 12px;font-size:11px}.drop-zone{min-height:158px;padding:20px;border-width:1px;border-radius:13px;border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent-soft) 25%,var(--surface-solid));box-shadow:inset 0 0 0 1px #ffffff1f}.drop-zone:hover,.drop-zone.drag{transform:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.drop-zone strong{font-size:14px;font-weight:780}.drop-zone span{font-size:11px}.upload-actions-row.single-action{grid-template-columns:1fr}.mobile-upload-btn{margin-top:0}.btn,.preview-toggle{min-height:42px;border-radius:9px;padding:9px 13px;font-size:11.5px;font-weight:760;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s var(--ease)}.btn:not(:disabled):hover,.preview-toggle:not(:disabled):hover{transform:translateY(-1px)}.primary{box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 18%,transparent)}.secondary,.ghost,.preview-toggle{background:color-mix(in srgb,var(--surface-2) 90%,transparent)}.toggle-row{padding:11px;border-radius:10px;background:color-mix(in srgb,var(--surface-2) 84%,transparent)}.toggle-row strong{font-size:11.5px}.toggle-row small{font-size:10px}.primary-tools{gap:7px}.mini-note{border-radius:9px;font-size:10.2px;background:color-mix(in srgb,var(--surface-2) 78%,transparent)}.background-panel,.correction-panel{border-radius:10px}.bg-swatch{border-radius:9px}.processing-progress,.status{border-radius:10px}.progress-track{height:7px}.preflight-list{gap:7px}.preflight-item{padding:9px;border-radius:10px;background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.preflight-item>span{width:20px;height:20px;flex-basis:20px;font-size:10px}.preflight-item strong{font-size:10.5px}.preflight-item small{font-size:9.4px}.quality-score{border-radius:10px!important}.export-panel{padding:20px;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--line)}.export-summary{padding:11px 12px!important;border-radius:10px!important;background:color-mix(in srgb,var(--surface-2) 82%,transparent)!important}.export-info{padding:9px 0;border:0;background:transparent;font-size:10.6px}.export-settings-card{padding:12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.compact-warning{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px!important;border-radius:8px!important}.compact-warning span{font-size:9.6px}.print-warning{background:transparent;border:1px solid color-mix(in srgb,var(--warn) 22%,var(--line))}.preview-card{top:96px;padding:16px;border-radius:16px;border-color:color-mix(in srgb,var(--line) 94%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-md);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.preview-head{align-items:center;margin-bottom:11px}.preview-title-wrap h2{font-size:17px;font-weight:780;letter-spacing:-.04em}.preview-title-wrap p{font-size:10px}.preview-toggle,.badge{min-height:29px;border-radius:8px!important;padding:5px 8px;font-size:9px}.badge{font-weight:760}.preview-shell{min-height:590px;border-radius:12px;border-color:color-mix(in srgb,var(--line) 90%,transparent);background:linear-gradient(45deg,color-mix(in srgb,var(--line) 27%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--line) 27%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--line) 27%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--line) 27%,transparent) 75%),color-mix(in srgb,var(--surface-2) 86%,#0c1622 14%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}#previewCanvas,.source-preview{max-height:566px;box-shadow:0 20px 46px #050c173d}.metrics{gap:7px;margin-top:9px}.metrics div{padding:9px 10px;border-radius:9px;background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.metrics span{font-size:8.8px;letter-spacing:.06em}.metrics strong{font-size:11px}.checks,.notice{border-radius:9px;padding:10px 11px}.checks{background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.notice{font-size:10.3px}.compare-source{position:absolute!important;z-index:3;inset:50% auto auto 50%;transform:translate(-50%,-50%);max-width:calc(100% - 24px)!important;max-height:566px!important;object-fit:contain;pointer-events:none}.compare-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:ew-resize;touch-action:none;--compare-x:50%}.compare-line{position:absolute;top:7%;bottom:7%;left:var(--compare-x);width:1.5px;background:#fffffff5;box-shadow:0 0 0 1px #00000029,0 4px 18px #0000003d;transform:translate(-50%)}.compare-handle{position:absolute;left:var(--compare-x);top:50%;width:34px;height:34px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.58);border-radius:50%;color:#fff;background:#121c2a6b;box-shadow:0 9px 28px #00000038;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px}.compare-label{position:absolute;top:13px;padding:5px 8px;border-radius:7px;color:#fff;background:#121c2a75;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);font-size:8.8px;font-weight:780;pointer-events:none}.compare-label.before{left:13px}.compare-label.after{right:13px}.format-picker-backdrop{background:#0309118a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.format-picker-panel{border-radius:16px;padding:18px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.format-picker-head h2{font-size:21px}.format-picker-close{border-radius:8px}.professional-footer{width:min(1510px,calc(100% - 32px));margin-inline:auto;border-top-color:var(--line)}.footer-grid a,.footer-link-button{font-size:10.2px}@media(max-width:1180px){.layout,.workflow-layout{grid-template-columns:minmax(390px,470px) minmax(0,1fr)}.preview-shell{min-height:520px}#previewCanvas,.source-preview,.compare-source{max-height:496px!important}}@media(max-width:900px){.topbar{top:8px;width:calc(100% - 16px);margin-top:8px}.layout,.workflow-layout{width:calc(100% - 16px);grid-template-columns:1fr;gap:12px;margin-top:14px}.controls-card{order:1}.preview-card{order:2;position:relative;top:auto}.workflow-stage{padding:17px;border-radius:14px}.preview-shell{min-height:470px}.professional-footer{width:calc(100% - 16px)}}@media(max-width:760px){.topbar-inner{min-height:56px;padding:6px 7px 6px 9px}.brand-mark{width:34px;height:34px;border-radius:9px}.brand h1{font-size:15px}.brand p{font-size:8.8px}.workflow-stage{padding:15px}.workflow-stage h2{font-size:19px}.stage-lead{font-size:11px}.preflight-list,.grid2,.action-grid,.export-actions{grid-template-columns:1fr}.preview-card{padding:11px;border-radius:13px}.preview-shell{min-height:420px;border-radius:10px}#previewCanvas,.source-preview,.compare-source{max-height:396px!important;max-width:calc(100% - 10px)!important}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics div{padding:8px}.compare-handle{width:30px;height:30px}.compact-warning{align-items:flex-start;flex-direction:column;gap:2px}body.mobile-device .floating-preview{border-radius:11px!important;background:color-mix(in srgb,var(--surface-solid) 90%,transparent)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}@media(max-width:430px){.topbar{border-radius:13px}.layout,.workflow-layout{width:calc(100% - 12px)}.workflow-stage{padding:13px}.format-select-button{min-height:64px;padding:11px}.format-select-chevron{min-width:61px}.preview-shell{min-height:390px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){.topbar,.workflow-stage,.preview-card,.format-picker-panel,.compare-handle,.compare-label{background:var(--surface-solid)!important}.compare-label,.compare-handle{color:var(--text)!important}}:root{--bg:#f6f8fb;--bg-soft:#eef3f8;--surface:#ffffff;--surface-solid:#ffffff;--surface-2:#f7f9fc;--surface-3:#eef3f8;--surface-raised:#ffffff;--text:#0b1220;--text-2:#334155;--muted:#64748b;--muted-2:#94a3b8;--line:#e3e8ef;--line-strong:#cdd6e1;--accent:#1769e0;--accent-2:#0f56be;--accent-soft:#eaf2ff;--success:#0f8a61;--success-soft:#e8f7f1;--warn:#a56808;--warn-soft:#fff6df;--danger:#c33b32;--danger-soft:#fff0ef;--shadow-xs:0 1px 2px rgba(15,23,42,.035);--shadow-sm:0 6px 20px rgba(15,23,42,.055);--shadow-md:0 18px 48px rgba(15,23,42,.085);--shadow-lg:0 32px 90px rgba(15,23,42,.16);--radius-xs:7px;--radius-sm:9px;--radius:12px;--radius-lg:16px;--ease:cubic-bezier(.22,.72,.22,1)}html[data-theme=dark]{--bg:#08101a;--bg-soft:#0b1420;--surface:#0f1926;--surface-solid:#101c2b;--surface-2:#142131;--surface-3:#1a2a3e;--surface-raised:#132033;--text:#f7f9fc;--text-2:#d6dfeb;--muted:#92a2b7;--muted-2:#6f8299;--line:#223247;--line-strong:#344962;--accent:#68a5ff;--accent-2:#84b6ff;--accent-soft:#112c50;--success:#5acba0;--success-soft:#10352d;--warn:#efb25d;--warn-soft:#342713;--danger:#ff8b84;--danger-soft:#3a1d20;--shadow-xs:0 1px 2px rgba(0,0,0,.18);--shadow-sm:0 8px 24px rgba(0,0,0,.18);--shadow-md:0 20px 54px rgba(0,0,0,.26);--shadow-lg:0 34px 96px rgba(0,0,0,.42)}html{background:var(--bg)}body{font-family:Segoe UI Variable Text,Segoe UI,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:radial-gradient(900px 460px at 10% -120px,color-mix(in srgb,var(--accent) 8%,transparent),transparent 68%),radial-gradient(760px 420px at 92% -160px,color-mix(in srgb,var(--accent) 5%,transparent),transparent 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);letter-spacing:-.006em}body:before{display:none!important}.topbar{position:sticky;inset:auto;top:0;width:100%;margin:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:0;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 1px #ffffff59,0 8px 24px #0f172a09;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);animation:none}.topbar-inner{width:min(1540px,calc(100% - 36px));min-height:66px;margin:0 auto;padding:8px 0;gap:14px}.brand{gap:10px}.brand-mark{width:38px;height:38px;border-radius:10px;background:none;box-shadow:0 6px 18px #1769e02e;overflow:hidden}.brand-mark img{width:100%;height:100%;display:block;border-radius:inherit}.brand h1{font-size:17px;font-weight:760;letter-spacing:-.045em}.brand p{font-size:9.5px;color:var(--muted);font-weight:520}.topnav{gap:2px}.nav-btn{min-height:38px;padding:8px 11px;border-radius:8px;color:var(--muted);font-size:11px;font-weight:650}.nav-btn:hover,.nav-btn:focus-visible{color:var(--text);background:var(--surface-2);border-color:transparent;transform:none}.nav-btn[aria-current=page]{background:var(--surface-2);border-color:transparent;color:var(--text)}.language-select{min-height:38px!important;border-radius:8px!important;padding-inline:10px 28px!important;background-color:var(--surface-2)!important}.theme-toggle{min-width:auto}.header-upload{min-height:40px;padding:9px 15px;border-radius:9px;background:var(--accent);box-shadow:none}.header-upload:not(:disabled):hover{background:var(--accent-2);transform:none}.layout,.workflow-layout{width:min(1540px,calc(100% - 36px));margin:22px auto 0;padding:0 0 64px;grid-template-columns:minmax(360px,410px) minmax(0,1fr);gap:18px;align-items:start}body:not(.has-source) .workflow-layout{width:min(960px,calc(100% - 36px));grid-template-columns:1fr;justify-content:center}.controls-card{position:sticky;top:86px;max-height:calc(100dvh - 104px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;padding:8px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:none}.controls-card::-webkit-scrollbar{width:8px}.controls-card::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.workflow-stage{position:relative;padding:18px 16px;border:0;border-radius:11px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.workflow-stage+.workflow-stage{margin-top:0;padding-top:19px;border-top:1px solid var(--line)}.workflow-stage:hover{background:color-mix(in srgb,var(--surface-2) 48%,transparent)}.stage-label{min-height:0;margin:0 0 8px;padding:0;border:0;border-radius:0;background:transparent;color:var(--accent);font-size:9px;font-weight:780;letter-spacing:.085em;text-transform:uppercase}.workflow-stage h2{margin:0 0 9px;font-size:20px;line-height:1.15;font-weight:720;letter-spacing:-.042em}.stage-lead{margin:-1px 0 14px;font-size:11.4px;line-height:1.52;color:var(--muted)}.field{gap:6px;margin-bottom:10px}.field>span{font-size:10px;font-weight:650;color:var(--muted)}.format-select-button{min-height:64px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);box-shadow:var(--shadow-xs)}.format-select-button:hover,.format-select-button:focus-visible{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--surface-solid);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent);transform:none}.format-select-copy{gap:2px}.format-select-copy strong{font-size:13px;font-weight:690;letter-spacing:-.018em}.format-select-copy small{font-size:10px;line-height:1.35}.format-select-chevron{min-width:64px;min-height:30px;padding:6px 8px;border-radius:7px;background:var(--accent-soft);font-size:9px;font-weight:740}input[type=number],select,.format-search input,.custom-color-row input[type=text],#pdfName{min-height:41px;border:1px solid var(--line);border-radius:8px;background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-xs);font-size:11.5px}input[type=number]:focus,select:focus,.format-search input:focus,.custom-color-row input[type=text]:focus,#pdfName:focus{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.preset-info{margin-top:9px;padding:10px 11px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);font-size:10.4px;line-height:1.45}.requirements-box,.advanced{margin-top:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);overflow:hidden}.requirements-box summary,.advanced summary{min-height:42px;padding:10px 11px;font-size:10.5px;font-weight:680;background:transparent}.requirements-box summary:after,.advanced summary:after{content:"›";font-size:17px;line-height:1;color:var(--muted-2);transform:rotate(90deg);transition:transform .2s var(--ease)}.requirements-box[open] summary:after,.advanced[open] summary:after{content:"›";transform:rotate(-90deg)}.requirements-list,.advanced-body{padding:0 11px 11px;font-size:10.5px;line-height:1.55}.capture-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:11px 0 12px}.capture-tip{gap:8px;padding:9px;border:0;border-radius:9px;background:var(--surface-2)}.capture-tip .tip-symbol{width:21px;height:21px;flex-basis:21px;border-radius:7px;font-size:12px}.capture-tip strong{font-size:10px;font-weight:680}.capture-tip small{margin-top:2px;font-size:8.9px;line-height:1.3}.drop-zone{position:relative;min-height:148px;gap:5px;padding:22px 18px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 36%,var(--surface-solid)),var(--surface-solid));box-shadow:none}.drop-zone:before{content:"↑";width:34px;height:34px;display:grid;place-items:center;margin-bottom:3px;border-radius:9px;background:var(--accent);color:#fff;font-size:18px;font-weight:600;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 18%,transparent)}.drop-zone:hover,.drop-zone.drag{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 48%,var(--surface-solid));transform:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.drop-zone strong{font-size:12.5px;font-weight:700}.drop-zone span{font-size:10px}.drop-zone small{font-size:9px}.btn,.preview-toggle{min-height:40px;padding:8px 12px;border-radius:8px;font-size:11px;font-weight:680;box-shadow:none}.btn:not(:disabled):hover,.preview-toggle:not(:disabled):hover{transform:none}.primary{background:var(--accent);box-shadow:none}.primary:not(:disabled):hover{background:var(--accent-2)}.secondary,.ghost,.preview-toggle{background:var(--surface-solid);border-color:var(--line)}.secondary:not(:disabled):hover,.ghost:not(:disabled):hover,.preview-toggle:not(:disabled):hover{background:var(--surface-2);border-color:var(--line-strong)}.compact-btn{min-height:34px;font-size:10px}.toggle-row{align-items:center;gap:10px;padding:10px;margin:0 0 7px;border:1px solid var(--line);border-radius:9px;background:var(--surface-solid)}.toggle-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;height:21px;flex:0 0 36px;margin:0;border:0;border-radius:999px;background:var(--line-strong);position:relative;cursor:pointer;transition:background .2s var(--ease),box-shadow .2s ease}.toggle-row input[type=checkbox]:after{content:"";position:absolute;left:2px;top:2px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000038;transition:transform .2s var(--ease)}.toggle-row input[type=checkbox]:checked{background:var(--accent)}.toggle-row input[type=checkbox]:checked:after{transform:translate(15px)}.toggle-row input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);outline:none}.toggle-row span{gap:2px}.toggle-row strong{font-size:10.7px;font-weight:680}.toggle-row small{font-size:9.2px;line-height:1.35}.tool-card{transition:border-color .18s ease,background .18s ease}.tool-card:hover{transform:none;border-color:var(--line-strong)}.tool-card:has(input:checked){border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent-soft) 28%,var(--surface-solid))}.primary-tools{gap:0}.tool-actions-row{gap:7px}.mini-note{margin-top:8px;padding:9px 10px;border-radius:8px;font-size:9.6px;background:var(--surface-2)}.background-panel,.correction-panel{margin:8px 0;padding:10px;border-radius:8px;background:var(--surface-solid)}.panel-title{font-size:10.5px;font-weight:690}.bg-swatches{gap:6px;margin-bottom:8px}.bg-swatch{min-height:38px;border-radius:8px}.custom-color-row{gap:6px}.custom-color-row input[type=color]{height:36px;border-radius:8px}.compact-toggle{padding:8px 9px}.range-row{margin:10px 0 12px}.range-row label{font-size:10.5px;font-weight:620}.range-row output{font-size:9.5px}input[type=range]{accent-color:var(--accent)}.preflight-head{align-items:center}.preflight-list{gap:6px}.preflight-item{padding:8px 9px;border:0;border-radius:8px;background:var(--surface-2)}.preflight-item>span{width:19px;height:19px;flex-basis:19px;font-size:9px}.preflight-item strong{font-size:9.8px;font-weight:670}.preflight-item small{font-size:8.8px}.quality-score{min-width:64px!important;min-height:38px!important;border-radius:9px!important;font-size:12px!important;box-shadow:none!important}.status,.processing-progress{border-radius:9px;background:var(--surface-2)}.progress-track{height:6px}.progress-track:after{display:none}.export-panel{background:transparent!important;border:0!important;padding:18px 16px!important}.export-panel .panel-title{margin:0 0 9px;font-size:18px;font-weight:720;letter-spacing:-.035em}.export-summary{padding:10px 11px!important;border:1px solid color-mix(in srgb,var(--success) 18%,var(--line))!important;border-radius:9px!important;background:color-mix(in srgb,var(--success-soft) 58%,var(--surface-solid))!important}.export-summary strong{font-size:11px!important}.export-summary span{font-size:9.4px!important}.export-info{padding:8px 1px;border:0;background:transparent;font-size:9.8px}.export-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}#downloadBtn{min-height:44px;font-size:11.5px}.export-settings-card{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.compact-warning{padding:7px 8px!important;border-radius:7px!important}.compact-warning span{font-size:8.8px}.preview-card{position:sticky;top:86px;min-height:calc(100dvh - 108px);padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;animation:none}.preview-head{align-items:center;margin-bottom:10px;gap:12px}.preview-title-wrap h2{font-size:15px;font-weight:710;letter-spacing:-.035em}.preview-title-wrap p{margin-top:2px;font-size:9.3px;line-height:1.35;max-width:600px}.preview-head-actions{gap:4px}.preview-toggle,.badge{min-height:28px!important;padding:5px 8px!important;border-radius:7px!important;font-size:8.7px!important;font-weight:680!important}.history-btn{width:28px;padding:0!important}.preview-shell{height:clamp(520px,68dvh,760px);min-height:520px;border:1px solid var(--line);border-radius:11px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--surface-3) 90%,#dbe3ec),color-mix(in srgb,var(--surface-2) 92%,#e9eef4));overflow:hidden}html[data-theme=dark] .preview-shell{background:radial-gradient(circle at 50% 34%,rgba(104,165,255,.06),transparent 42%),linear-gradient(180deg,#0a131f,#0c1724)}.preview-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.34;background-image:linear-gradient(color-mix(in srgb,var(--line) 42%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 42%,transparent) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);mask-image:radial-gradient(circle at center,#000 0%,transparent 72%)}#previewCanvas,.source-preview{max-height:calc(clamp(520px,68dvh,760px) - 28px);max-width:calc(100% - 28px);border-radius:2px;box-shadow:0 22px 60px #0f172a38,0 0 0 1px #0f172a0d}.placeholder{max-width:360px;gap:4px}.placeholder strong{font-size:12px;font-weight:680}.placeholder span{font-size:9.6px;line-height:1.45}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:9px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.metrics div{padding:8px 10px;border:0;border-radius:0;background:transparent}.metrics div+div{border-left:1px solid var(--line)}.metrics span{font-size:8px;letter-spacing:.07em}.metrics strong{margin-top:2px;font-size:10.3px;font-weight:690}.checks,.notice{margin-top:8px;border-radius:9px;padding:9px 10px}.checks{background:var(--surface-2)}#checkList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.check{font-size:9.3px;line-height:1.35}.notice{font-size:9.5px}.compare-handle{width:32px;height:32px;border-radius:10px;background:#09111c85}.compare-label{border-radius:6px;font-size:8.2px}.format-picker-backdrop{background:#050a127a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.format-picker-panel{width:min(780px,calc(100% - 32px));max-height:min(82dvh,760px);padding:16px;border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-lg)}.format-picker-head{margin-bottom:11px}.format-picker-head h2{font-size:20px;font-weight:720}.format-picker-kicker{font-size:8.8px}.format-picker-close{border-radius:7px}.format-option-grid{gap:6px}.format-option{min-height:56px;padding:9px 10px;border-radius:9px;background:var(--surface-2)}.format-option:hover{transform:none}.format-option-copy strong{font-size:10.8px;font-weight:680}.format-option-copy small{font-size:9.2px}.professional-footer{width:min(1540px,calc(100% - 36px));margin:0 auto;padding:26px 4px 32px;border-top:1px solid var(--line)}.footer-grid{grid-template-columns:1.45fr repeat(4,minmax(0,1fr));gap:28px}.footer-grid>div{gap:6px}.footer-grid>div>strong{font-size:9px;font-weight:720;letter-spacing:.075em}.footer-grid a,.footer-link-button{font-size:9.6px;line-height:1.5}.footer-brand .brand-mark{width:32px;height:32px;border-radius:8px}.footer-brand .brand h2{margin:0;font-size:14px}.footer-brand .brand p{font-size:9px}.footer-bottom{font-size:9px!important;color:var(--muted-2)!important}body.mobile-device .floating-preview{border:1px solid var(--line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;box-shadow:0 16px 44px #0f172a2e!important;backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important}@media(max-width:1100px){.topbar-inner{width:calc(100% - 24px)}.layout,.workflow-layout{width:calc(100% - 24px);grid-template-columns:minmax(340px,390px) minmax(0,1fr);gap:14px}.preview-shell{height:clamp(460px,62dvh,660px);min-height:460px}#previewCanvas,.source-preview{max-height:calc(clamp(460px,62dvh,660px) - 24px)}}@media(max-width:900px){.topbar{top:0;margin:0;width:100%}.topbar-inner{width:calc(100% - 20px)}.layout,.workflow-layout{width:calc(100% - 20px);grid-template-columns:1fr;gap:12px;margin-top:12px}body:not(.has-source) .workflow-layout{width:calc(100% - 20px);max-width:760px}.controls-card{position:static;max-height:none;overflow:visible;order:2;padding:7px}.preview-card{position:static;top:auto;min-height:0;order:1}body:not(.has-source) .controls-card{order:1}body:not(.has-source) .preview-card{order:2}.preview-shell{height:520px;min-height:520px}#previewCanvas,.source-preview{max-height:496px}.professional-footer{width:calc(100% - 20px)}}@media(max-width:760px){.topbar-inner{width:calc(100% - 14px);min-height:58px;padding:7px 0}.brand-mark{width:34px;height:34px;border-radius:9px}.brand h1{font-size:15px}.brand p{display:none}.topnav{order:3;width:100%;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding:2px 0 0;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.nav-btn{min-height:32px;padding:6px 8px;font-size:9.8px}.header-upload{min-height:36px;padding:7px 10px;font-size:10px}.layout,.workflow-layout{width:calc(100% - 12px);margin-top:8px;gap:8px;padding-bottom:34px}.controls-card{padding:4px;border-radius:12px}.workflow-stage{padding:15px 12px;border-radius:9px}.workflow-stage+.workflow-stage{padding-top:15px}.workflow-stage h2{font-size:18px}.stage-lead{font-size:10.5px}.capture-guide{grid-template-columns:1fr 1fr;gap:5px}.capture-tip{padding:7px}.capture-tip:nth-child(n+3){display:flex}.capture-tip small{display:none}.drop-zone{min-height:122px;padding:16px 10px}.drop-zone:before{width:30px;height:30px;border-radius:8px}.mobile-upload-btn{display:flex;width:100%}.toggle-row{padding:9px}.toggle-row input[type=checkbox]{width:34px;height:20px;flex-basis:34px}.toggle-row input[type=checkbox]:after{width:16px;height:16px}.toggle-row input[type=checkbox]:checked:after{transform:translate(14px)}.grid2,.preflight-list,.action-grid,.export-actions{grid-template-columns:1fr}.preview-card{padding:8px;border-radius:12px}.preview-head{padding:2px 2px 0;margin-bottom:7px}.preview-title-wrap h2{font-size:14px}.preview-title-wrap p{font-size:8.7px;max-width:48vw}.preview-shell{height:min(58dvh,500px);min-height:340px;border-radius:9px}#previewCanvas,.source-preview{max-height:calc(min(58dvh,500px) - 16px);max-width:calc(100% - 12px)}body.has-source .preview-shell{height:min(58dvh,500px)!important;min-height:340px!important}body.has-source #previewCanvas,body.has-source .source-preview{max-height:calc(min(58dvh,500px) - 16px)!important;max-width:calc(100% - 12px)!important}body.has-source:not(.mobile-preview-expanded) .metrics{display:grid!important}body.has-source:not(.mobile-preview-expanded) .checks,body.has-source:not(.mobile-preview-expanded) .notice{display:none!important}.metrics div{padding:7px 6px}.metrics span{font-size:7.4px}.metrics strong{font-size:9px}#checkList{grid-template-columns:1fr}.format-picker-panel{padding:14px 11px calc(14px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.format-option-grid{grid-template-columns:1fr}.professional-footer{width:calc(100% - 12px);padding-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:18px 14px}.footer-brand{grid-column:1/-1}}@media(max-width:430px){.topbar-inner{width:calc(100% - 10px)}.layout,.workflow-layout{width:calc(100% - 8px)}.capture-guide{grid-template-columns:1fr 1fr}.capture-tip strong{font-size:9.4px}.format-select-button{min-height:59px;padding:10px}.format-select-chevron{min-width:58px}.preview-head-actions .history-btn{display:none}.preview-shell{min-height:310px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){.topbar,.controls-card,.preview-card,.format-picker-panel{background:var(--surface-solid)!important}}.brand-with-logo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0}.brand-logo-wide{display:block;width:168px;height:auto;max-width:none;object-fit:contain}.brand-logo-header{width:154px}.footer-brand-tagline{margin:7px 0 0;max-width:250px;color:var(--muted);font-size:9.4px;line-height:1.45}html[data-theme=dark] .brand-logo-wide{filter:drop-shadow(0 0 1px rgba(255,255,255,.58)) drop-shadow(0 0 5px rgba(80,170,255,.16))}@media(max-width:760px){.brand-logo-header{width:140px}}@media(max-width:430px){.brand-logo-header{width:128px}}.footer-build-version{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.print-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:18px}.print-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#07111d94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.print-dialog-panel{position:relative;z-index:1;width:min(100%,560px);background:var(--surface,#fff);color:var(--text,#111827);border:1px solid var(--line,#dbe3ec);border-radius:20px;padding:20px;box-shadow:0 28px 80px #0f172a3d;display:grid;gap:16px}.print-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.print-dialog-head h2{margin:4px 0 0;font-size:22px}.print-dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.print-dialog-fields .field{display:grid;gap:7px}.print-dialog-fields .field>span{font-size:13px;font-weight:700;color:var(--muted,#526173)}.print-dialog-fields select{width:100%;min-height:46px;border:1px solid var(--line,#cfd8e3);border-radius:12px;background:var(--surface,#fff);color:var(--text,#111827);padding:10px 12px}.print-layout-info{padding:12px 14px;border-radius:14px;background:var(--surface-soft,#f4f8fc);border:1px solid var(--line,#dbe3ec);font-size:14px;line-height:1.45}.print-dialog-note{font-size:13px;line-height:1.45;color:var(--muted,#526173)}.print-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.print-dialog-actions .btn{min-width:132px}body.print-dialog-open{overflow:hidden}html[data-theme=dark] .print-dialog-panel{background:#0d1826;border-color:#26384d;color:#edf5ff}html[data-theme=dark] .print-dialog-fields select{background:#101d2c;border-color:#2e4259;color:#f4f8fc}html[data-theme=dark] .print-layout-info{background:#101d2c;border-color:#2e4259}html[data-theme=dark] .print-dialog-note,html[data-theme=dark] .print-dialog-fields .field>span{color:#aebed0}@media(max-width:640px){.print-dialog{padding:12px;align-items:end}.print-dialog-panel{width:100%;border-radius:20px 20px 12px 12px;padding:16px}.print-dialog-fields{grid-template-columns:1fr}.print-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.print-dialog-actions .btn{min-width:0}.print-dialog-head h2{font-size:20px}}