:root{--bg:#faf7f2;--surface:#fff;--surface-2:#f3eee6;--ink:#1f1b16;--ink-2:#5d554b;--ink-3:#8a8177;--line:#e6dfd4;--accent:#e0782a;--accent-ink:#fff;--accent-soft:#fbe9da;--ok:#2f8a57;--ok-soft:#e3f3e8;--tip:#a8650b;--tip-soft:#fbf0d9;--warn:#c0392b;--warn-soft:#fbe3e0;--shadow:0 1px 2px #281e140f, 0 8px 24px #281e1412;--radius:14px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:ui-rounded, "SF Pro Rounded", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161412;--surface:#1f1c19;--surface-2:#2a2622;--ink:#f3eee8;--ink-2:#c4bbb0;--ink-3:#8f867c;--line:#36312b;--accent:#f08a3a;--accent-ink:#1a1007;--accent-soft:#3a2615;--ok:#5cc48a;--ok-soft:#1d3326;--tip:#e6a64a;--tip-soft:#3a2c14;--warn:#ef7a6c;--warn-soft:#3d1f1b;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#161412;--surface:#1f1c19;--surface-2:#2a2622;--ink:#f3eee8;--ink-2:#c4bbb0;--ink-3:#8f867c;--line:#36312b;--accent:#f08a3a;--accent-ink:#1a1007;--accent-soft:#3a2615;--ok:#5cc48a;--ok-soft:#1d3326;--tip:#e6a64a;--tip-soft:#3a2c14;--warn:#ef7a6c;--warn-soft:#3d1f1b;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}button,select,input{font:inherit;color:inherit}[hidden]{display:none!important}svg{flex:none;width:1.2em;height:1.2em}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:18px 20px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:30px;height:30px;color:var(--ink)}.topbar-note{color:var(--ink-2);align-items:center;gap:6px;font-size:14px;display:inline-flex}main{max-width:1200px;margin:0 auto;padding:0 20px 40px}.intro{padding:28px 0 8px}.intro-copy{max-width:720px}.eyebrow{color:var(--accent);letter-spacing:.02em;margin:0 0 8px;font-size:14px;font-weight:650}h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(36px,6vw,60px);line-height:1.04}.lede{color:var(--ink-2);max-width:640px;margin:0 0 28px;font-size:clamp(17px,2vw,19px)}.dropzone{border:2px dashed color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--surface);text-align:center;cursor:pointer;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;padding:32px 20px;transition:border-color .15s,background .15s,transform .15s;display:flex}.dropzone:hover,.dropzone.is-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface))}.dropzone:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:3px}.dz-icon{width:52px;height:52px;color:var(--accent)}.dz-title{letter-spacing:-.01em;font-size:22px;font-weight:700}.dz-btn{pointer-events:none;margin-top:4px}.dz-hint{color:var(--ink-3);font-size:14px}.promise{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.promise-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}.promise h2,.tips h2{letter-spacing:-.01em;margin:0 0 10px;font-size:18px}.checks,.crosses{gap:8px;margin:0;padding:0;list-style:none;display:grid}.checks li,.crosses li{color:var(--ink-2);padding-left:28px;position:relative}.checks li b,.crosses li b{color:var(--ink)}.checks li:before,.crosses li:before{border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid;position:absolute;top:2px;left:0}.checks li:before{content:"✓";background:var(--ok-soft);color:var(--ok)}.crosses li:before{content:"✕";background:var(--warn-soft);color:var(--warn)}.fineprint{color:var(--ink-3);margin:14px 0 0;font-size:14px}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:650;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:progress}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:not(:disabled):hover{background:color-mix(in srgb, var(--accent) 88%, #000)}.btn-ghost{background:var(--surface);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink-3)}.btn-link{color:var(--ink-2);text-underline-offset:3px;background:0 0;border:none;min-height:32px;padding:0;font-weight:500;text-decoration:underline}.btn-block{width:100%}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{border-color:var(--ink-3)}.icon-btn:disabled{opacity:.4;cursor:default}.field{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;display:inline-flex}.field select{border:1px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%238a8177' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 8px center / 16px;appearance:none;min-height:40px;color:var(--ink);cursor:pointer;border-radius:10px;padding:0 32px 0 12px}.field-wide{gap:6px;display:grid}.field-wide select{width:100%}.workspace{padding-top:8px}.toolbar{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin:0 -4px;padding:14px 16px;display:flex;position:sticky;top:0}.tb-status{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;min-width:220px;display:grid}#tb-progress-text{color:var(--ink-3);font-size:14px}.progress{background:var(--surface-2);border-radius:4px;grid-column:1/-1;height:4px;margin-top:6px;overflow:hidden}#tb-progress{background:var(--accent);width:0;height:100%;transition:width .3s}.tb-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hint{color:var(--ink-3);margin:14px 0;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.card-open{background:var(--surface-2);cursor:pointer;aspect-ratio:3/2;border:0;padding:0;display:block;position:relative;overflow:hidden}.card-open:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.card-open img{object-fit:contain;width:100%;height:100%;transition:transform .25s;display:block}.card-open:hover img{transform:scale(1.02)}.card-open .spinner{margin:auto;position:absolute;inset:0}.card-open .card-err{color:var(--warn);text-align:center;place-items:center;padding:16px;font-size:14px;display:grid;position:absolute;inset:0}.card-body{gap:8px;padding:12px 14px 14px;display:grid}.card-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.badge{background:var(--surface-2);color:var(--ink-2);border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:700}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.tip{background:var(--tip-soft);color:var(--tip)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}.card-actions{gap:8px;display:flex}.card-actions .btn{min-height:34px;padding:0 12px;font-size:13px}.workspace-foot{text-align:center;margin-top:24px}.btn-link.is-armed{color:var(--warn);font-weight:650}.sample-row{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:12px 0 0;font-size:15px;display:flex}.sample-note{color:var(--ink-3);font-size:14px}.spinner{border:3px solid color-mix(in srgb, var(--accent) 25%, transparent);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tips{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:40px;padding:26px 24px}.tips-lede{color:var(--ink-2);margin:0 0 14px}.tips-list{color:var(--ink-2);grid-template-columns:repeat(2,1fr);gap:10px 28px;margin:0;padding-left:22px;display:grid}.tips-list b{color:var(--ink)}.footer{max-width:1200px;color:var(--ink-3);margin:0 auto;padding:10px 20px 40px;font-size:13px}.drop-overlay{z-index:50;background:color-mix(in srgb, var(--accent) 18%, transparent);border:4px dashed var(--accent);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay span{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;padding:14px 22px;font-weight:700}.editor{border:1px solid var(--line);background:var(--surface);width:min(1400px,100vw - 32px);max-width:none;height:min(900px,100dvh - 32px);max-height:none;color:var(--ink);border-radius:18px;padding:0;overflow:hidden}.editor[open]{grid-template-columns:1fr 360px;display:grid}.editor::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f0c0999}.ed-stage{background:#0f0e0d;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.ed-viewbar{justify-content:center;padding:12px;display:flex}.seg{background:#ffffff17;border-radius:999px;padding:3px;display:inline-flex}.seg button{color:#ffffffbf;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.seg button[aria-selected=true]{color:#111;background:#fff}.ed-frame{touch-action:none;-webkit-user-select:none;user-select:none;margin:auto;position:relative}.ed-frame canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ed-frame.view-compare{cursor:ew-resize}.ed-handle{background:#fff;outline:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #00000040}.ed-handle span{background:#fff;border-radius:50%;width:38px;height:38px;margin:-19px 0 0 -19px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000059}.ed-handle span:before{content:"‹ ›";color:#222;letter-spacing:2px;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.ed-handle:focus-visible span{outline:3px solid var(--accent)}.ed-label{color:#fff;pointer-events:none;background:#0000008c;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:10px}.ed-label-l{left:10px}.ed-label-r{right:10px}.ed-loading{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ed-panel{border-left:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.ed-scroll{overscroll-behavior:contain;padding-bottom:12px;overflow-y:auto}.ed-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 16px;display:flex}.ed-title{flex:1;min-width:0;display:grid}.ed-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.ed-title span{color:var(--ink-3);font-size:13px}.ed-controls{gap:16px;padding:18px 18px 6px;display:grid}.slider{color:var(--ink-2);gap:6px;font-size:14px;display:grid}.slider>span{justify-content:space-between;display:flex}.slider output{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}input[type=range]{width:100%;accent-color:var(--accent);height:24px;margin:0}.ed-controls .btn-link{justify-self:start}.ed-report{padding:10px 18px}.ed-report h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:6px 0 10px;font-size:14px}.ed-report ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ed-report li{border-radius:10px;padding:8px 10px 8px 34px;font-size:14px;line-height:1.4;position:relative}.ed-report li:before{font-weight:800;position:absolute;top:8px;left:10px}.ed-report li.fixed{background:var(--ok-soft)}.ed-report li.fixed:before{content:"✓";color:var(--ok)}.ed-report li.tip{background:var(--tip-soft)}.ed-report li.tip:before{content:"💡";font-size:13px}.ed-report li.warn{background:var(--warn-soft)}.ed-report li.warn:before{content:"!";color:var(--warn);left:14px}.ed-actions{padding:14px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);gap:6px;display:grid}.ed-size{text-align:center;color:var(--ink-3);font-size:13px}.toast{z-index:100;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (max-width:860px){.promise,.tips-list{grid-template-columns:1fr}.editor{border:0;border-radius:0;width:100vw;height:100dvh}.editor[open]{grid-template-columns:1fr;grid-template-rows:var(--stage-h,50dvh) minmax(0, 1fr)}.ed-viewbar{padding:8px}.ed-head{padding:10px 12px}.ed-controls{gap:12px;padding:14px 16px 4px}.ed-panel{border-left:0;border-top:1px solid var(--line)}}@media (max-width:560px){.topbar-note{display:none}.toolbar{margin:0 -20px;padding:12px 20px}.tb-controls{width:100%}.tb-controls .field{flex:1}.tb-controls .field select{width:100%}.tb-controls .btn{flex:1}.grid{grid-template-columns:1fr}}