:root{color-scheme:dark;--bg: #080809;--panel: #121214;--panel-2: #191a1c;--stroke: #26272a;--stroke-strong: #35363a;--text: #e4e4e7;--muted: #8b8b93;--dim: #5e5e66;--accent: #c8402f;--accent-soft: #e0614f;--accent-rgb: 200, 64, 47;--ok: #4e9a6a;--warn: #c99a3f;--radius: 4px;--mono: "SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, Menlo, Consolas, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,rgba(var(--accent-rgb),.07),transparent 62%);z-index:0}#root{position:relative;z-index:1}button{font:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0d0d0f}::-webkit-scrollbar-thumb{background:#2a2b2e;border-radius:99px}.shell{max-width:1240px;margin:0 auto;padding:0 24px 80px}.masthead{border-bottom:1px solid var(--stroke);padding:30px 0 22px;margin-bottom:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.masthead h1{margin:0;font-size:27px;font-weight:700;letter-spacing:.22em;font-family:var(--mono);text-transform:uppercase}.masthead h1 .mark{color:var(--accent)}.masthead .sub{margin:6px 0 0;color:var(--muted);font-size:13px;letter-spacing:.04em}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border:1px solid var(--stroke);border-radius:var(--radius);padding:4px 9px;white-space:nowrap}.badge b{color:var(--muted);font-weight:600}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius)}.panel-head{padding:13px 18px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-title{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.panel-body{padding:18px}.dropzone{border:1px dashed var(--stroke-strong);border-radius:var(--radius);background:var(--panel);padding:54px 28px;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease}.dropzone:hover{border-color:#4a4b50;background:var(--panel-2)}.dropzone.is-over{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.dropzone.is-busy{opacity:.45;pointer-events:none}.dropzone h2{margin:0 0 7px;font-size:16px;font-weight:600;letter-spacing:.01em}.dropzone p{margin:0;color:var(--muted);font-size:13px}.dropzone .formats{margin-top:16px;font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:.08em}.dz-icon{width:42px;height:42px;margin:0 auto 16px;border:1px solid var(--stroke-strong);border-radius:var(--radius);display:grid;place-items:center;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius);border:1px solid var(--stroke-strong);background:var(--panel-2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;white-space:nowrap}.btn:hover:not(:disabled){border-color:#4d4e53;background:#202124}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-soft)}.btn-sm{padding:7px 13px;font-size:12px}.btn-block{width:100%}.source-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}.source-frame{border:1px solid var(--stroke);border-radius:var(--radius);background:#000;overflow:hidden;line-height:0}.source-frame img{width:100%;max-height:420px;object-fit:contain}.meta-list{display:grid;gap:1px;background:var(--stroke);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.meta-row{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;background:var(--panel-2);font-size:12.5px}.meta-row dt{color:var(--muted);margin:0}.meta-row dd{margin:0;font-family:var(--mono);font-size:12px}.stages{display:grid;gap:2px}.stage{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius);font-size:13px;color:var(--dim);background:transparent;transition:color .2s ease,background .2s ease}.stage .dot{width:7px;height:7px;border-radius:50%;background:var(--stroke-strong);flex-shrink:0}.stage .num{font-family:var(--mono);font-size:11px;color:var(--dim);min-width:18px}.stage.is-active{color:var(--text);background:rgba(var(--accent-rgb),.07)}.stage.is-active .dot{background:var(--accent);animation:pulse 1.25s ease-in-out infinite}.stage.is-done{color:var(--muted)}.stage.is-done .dot{background:var(--ok)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.indeterminate{height:2px;background:var(--stroke);border-radius:99px;overflow:hidden;margin-top:14px}.indeterminate span{display:block;height:100%;width:38%;background:var(--accent);animation:slide 1.5s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(364%)}}.alert{border:1px solid;border-radius:var(--radius);padding:12px 15px;font-size:13px;display:flex;gap:11px;align-items:flex-start}.alert-error{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.09);color:#f0b3aa}.alert-warn{border-color:#c99a3f66;background:#c99a3f14;color:#e0c48a}.alert b{display:block;margin-bottom:2px;color:inherit}.layer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.layer-card{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.layer-card.is-fg{border-top:2px solid var(--accent)}.layer-card.is-mid{border-top:2px solid #7a6a4a}.layer-card.is-bg{border-top:2px solid #3f5468}.layer-head{padding:12px 15px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid var(--stroke)}.layer-name{font-family:var(--mono);font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.layer-coverage{font-family:var(--mono);font-size:11px;color:var(--dim)}.checker{background-color:#1a1a1c;background-image:linear-gradient(45deg,#242427 25%,transparent 25%,transparent 75%,#242427 75%),linear-gradient(45deg,#242427 25%,transparent 25%,transparent 75%,#242427 75%);background-size:16px 16px;background-position:0 0,8px 8px}.layer-preview{position:relative;line-height:0}.layer-preview img{width:100%;aspect-ratio:16 / 10;object-fit:contain}.layer-foot{padding:12px 15px;margin-top:auto;display:flex;gap:9px;align-items:center}.layer-foot .size{font-family:var(--mono);font-size:11px;color:var(--dim);margin-left:auto}.wizard-steps{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.wizard-step{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:5px 11px;border:1px solid var(--stroke);border-radius:var(--radius)}.wizard-step .num{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--stroke);color:var(--bg);font-size:9.5px;font-weight:700}.wizard-step.is-active{color:var(--text);border-color:var(--accent)}.wizard-step.is-active .num{background:var(--accent);color:#fff}.wizard-step.is-done{color:var(--muted)}.wizard-step.is-done .num{background:var(--ok);color:#fff}.zone-blurb{display:flex;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);margin:0 0 16px;line-height:1.6}.paint-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:11px 13px;margin-bottom:14px;background:var(--panel-2);border:1px solid var(--stroke);border-radius:var(--radius)}.tool-group{display:flex;gap:6px}.tool-slider{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.tool-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110px;height:3px;background:var(--stroke-strong);border-radius:99px;outline:none;cursor:pointer}.tool-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}.tool-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.tool-value{color:var(--text);min-width:42px}.paint-wrap{position:relative}.paint-canvas{display:block;width:100%;height:auto;border:1px solid var(--stroke);border-radius:var(--radius);background:#000;cursor:crosshair;touch-action:none}.brush-ring{position:fixed;pointer-events:none;z-index:40;border:1.5px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference}.paint-actions{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}.confirm-frame{border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;line-height:0}.confirm-frame img{width:100%;height:auto}.compositor-stage{position:relative;border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;line-height:0}.compositor-stage>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .18s ease,transform .12s linear}.compositor-stage>img.sizer{position:relative;opacity:0}.compositor-stage>img.hidden{opacity:0}.toggle-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--stroke-strong);border-radius:var(--radius);background:var(--panel-2);color:var(--muted);font-size:12px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.toggle .swatch{width:8px;height:8px;border-radius:1px;background:var(--dim)}.toggle.on{color:var(--text);border-color:#4a4b50}.toggle.on.bg .swatch{background:#5e83a4}.toggle.on.mid .swatch{background:#b99a63}.toggle.on.fg .swatch{background:var(--accent)}.toggle.off{opacity:.45}.hint{font-size:12px;color:var(--dim);margin:12px 0 0;font-family:var(--mono);letter-spacing:.03em}.section{margin-top:26px}.section-label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}.footer-note{margin-top:46px;padding-top:20px;border-top:1px solid var(--stroke);color:var(--dim);font-size:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-note code{font-family:var(--mono);color:var(--muted)}@media(max-width:860px){.shell{padding:0 16px 60px}.source-grid{grid-template-columns:1fr}.masthead{padding-top:22px}.masthead h1{font-size:21px;letter-spacing:.16em}.dropzone{padding:38px 18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}