:root{--ink:#0b0e14;--panel:#12151c;--panel-2:#171b24;--line:#262b36;--text:#e7e9ee;--muted:#8a93a6;--accent:#59e6a8;--accent-dim:#59e6a824;--warn:#f2b84b;--warn-dim:#f2b84b24;--danger:#fb6e6e;--danger-dim:#fb6e6e24;--display:"Space Grotesk", system-ui, sans-serif;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{font-family:var(--sans);background:var(--ink);background-image:radial-gradient(circle at 12% 8%,#59e6a80f,#0000 42%),radial-gradient(circle at 88% 92%,#59e6a80a,#0000 40%);min-height:100svh;margin:0}#root{min-height:100svh}button{font-family:inherit}::selection{background:var(--accent-dim);color:var(--accent)}.app-shell{max-width:1080px;margin:0 auto;padding:40px 24px 80px}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(155deg, var(--accent), #2f9c6f);width:36px;height:36px;font-family:var(--mono);color:#06140d;border-radius:9px;flex-shrink:0;place-items:center;font-size:15px;font-weight:500;display:grid}.brand h1{font-family:var(--display);letter-spacing:-.2px;margin:0;font-size:21px;font-weight:600}.brand p{color:var(--muted);font-size:13px;font-family:var(--mono);margin:2px 0 0}.session-chip{font-family:var(--mono);color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.session-chip strong{color:var(--text);font-weight:500}.config-toggle{color:var(--muted);font-size:12px;font-family:var(--mono);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;display:flex}.config-toggle:hover{color:var(--text)}.config-bar{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;padding:14px;display:grid}@media (width<=640px){.config-bar{grid-template-columns:1fr}}.grid{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}@media (width<=800px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.card+.card{margin-top:16px}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px}.card h2{font-family:var(--display);letter-spacing:-.1px;margin:0 0 14px;font-size:17px;font-weight:600}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{color:var(--muted);font-size:12px;font-family:var(--mono)}.field input,.field textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--text);font-family:var(--mono);border-radius:8px;outline:none;padding:9px 11px;font-size:13px;transition:border-color .15s}.field input:focus,.field textarea:focus{border-color:var(--accent)}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#06140d}.btn-primary:hover:not(:disabled){opacity:.9}.btn-ghost{border-color:var(--line);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--muted)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-dim)}.btn-row{gap:8px;display:flex}.dropzone{border:1.5px dashed var(--line);text-align:center;cursor:pointer;border-radius:10px;padding:28px 16px;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--accent)}.dropzone.is-over{border-color:var(--accent);background:var(--accent-dim)}.dropzone.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.dropzone p{color:var(--muted);margin:0;font-size:13px}.dropzone .dz-icon{margin-bottom:8px;font-size:22px;display:block}.dropzone .dz-hint{font-family:var(--mono);margin-top:4px;font-size:11px}.preview-thumb{object-fit:cover;border-radius:8px;width:100%;max-height:160px;margin-bottom:10px;display:block}.stage-tracker{flex-direction:column;display:flex}.stage-node{gap:14px;padding-bottom:22px;display:flex;position:relative}.stage-node:last-child{padding-bottom:0}.stage-node:before{content:"";background:var(--line);width:1px;position:absolute;top:20px;bottom:0;left:8px}.stage-node:last-child:before{display:none}.stage-node.is-done:before{background:var(--accent)}.stage-dot{border:2px solid var(--line);background:var(--panel);border-radius:50%;flex-shrink:0;place-items:center;width:17px;height:17px;margin-top:1px;display:grid}.stage-node.is-done .stage-dot{border-color:var(--accent);background:var(--accent)}.stage-node.is-done .stage-dot:after{content:"";background:#06140d;border-radius:50%;width:5px;height:5px}.stage-node.is-active .stage-dot{border-color:var(--accent)}.stage-node.is-active .stage-dot:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.7)}}.stage-label{font-family:var(--mono);color:var(--muted);padding-top:0;font-size:13.5px}.stage-node.is-active .stage-label{color:var(--text);font-weight:500}.stage-node.is-done .stage-label{color:var(--text)}.stage-sub{color:var(--muted);margin-top:2px;font-size:11.5px}.status-banner{border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.status-banner .sb-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.status-banner.warn{background:var(--warn-dim);color:var(--warn)}.status-banner.warn .sb-dot{background:var(--warn)}.status-banner.danger{background:var(--danger-dim);color:var(--danger)}.status-banner.danger .sb-dot{background:var(--danger)}.status-banner.success{background:var(--accent-dim);color:var(--accent)}.status-banner.success .sb-dot{background:var(--accent)}.result-image{border:1px solid var(--line);border-radius:10px;width:100%;max-width:240px;margin:0 auto 14px;display:block}.debug-drawer{margin-top:20px}.debug-toggle{color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:11.5px;display:flex}.debug-toggle:hover{color:var(--text)}.debug-json{background:var(--panel-2);border:1px solid var(--line);font-family:var(--mono);color:var(--muted);white-space:pre-wrap;word-break:break-all;border-radius:8px;max-height:220px;margin-top:10px;padding:12px;font-size:11.5px;overflow-y:auto}.empty-hint{color:var(--muted);font-size:13px;line-height:1.6}.chevron{transition:transform .15s;display:inline-block}.chevron.is-open{transform:rotate(90deg)}