:root{color:#f8f5ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel:#12141cd6;--panel-strong:#181b24f5;--border:#ffffff1a;--text-muted:#b7bbc8;--accent:#f38b31;--accent-soft:#f38b3129;--danger:#ff8370;--success:#7dcf95;background:radial-gradient(circle at top,#de792c47,#0000 32%),linear-gradient(#1a1b22 0%,#111217 62%,#0c0d11 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}[hidden]{display:none!important}#app{min-height:100vh}.shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:48px 0 56px}.hero{margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 10px;font-size:.72rem}.hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.98}.lede{max-width:56ch;color:var(--text-muted);margin:16px 0 0;font-size:1.05rem}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 32px 80px #00000059}.workspace{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:24px;padding:24px;display:grid}.column{min-width:0}.controls,.output{align-content:start;gap:18px;display:grid}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media (width<=880px){.shell{width:min(100vw - 20px,1120px);padding:20px 0 32px}.workspace{grid-template-columns:1fr;padding:16px}.status-card{flex-direction:column;align-items:start}.trace-header,.trace-step-top{flex-direction:column}.preview-grid{grid-template-columns:1fr}}.field{background:var(--panel-strong);border:1px solid var(--border);border-radius:20px;gap:10px;padding:18px;display:grid}.warning-card{background:linear-gradient(#5a32127a 0%,#2f1a0cc7 100%);border:1px solid #f38b3152;border-radius:20px;gap:10px;padding:18px;display:grid;box-shadow:inset 0 0 0 1px #f38b3114}.label,.status-label,.result-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.86rem;font-weight:600}.warning-label{letter-spacing:.05em;text-transform:uppercase;color:#ffd39d;font-size:.86rem;font-weight:700}.warning-body{color:#fff2df;white-space:pre-wrap;background:#120b0673;border:1px solid #ffd39d24;border-radius:16px;margin:0;padding:14px 16px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.92rem}.hint{color:var(--text-muted);font-size:.92rem}input[type=file],textarea{width:100%;color:inherit;background:#080a0fe6;border:1px solid #ffffff1f;border-radius:16px}input[type=file]{padding:14px}textarea{resize:vertical;min-height:148px;padding:14px 16px}.prompt-display{min-height:148px;color:inherit;white-space:pre-wrap;background:#080a0fe6;border:1px solid #ffffff1f;border-radius:16px;margin:0;padding:14px 16px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.92rem}.toggle-field{gap:12px}.toggle-row{color:inherit;align-items:center;gap:12px;display:flex}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}input[type=file]:focus-visible,textarea:focus-visible,.run-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.run-button{color:#15161d;background:linear-gradient(135deg,#f3c560 0%,#f38b31 52%,#ef6a39 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 18px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 18px 34px #ef6a3942}.run-button[data-busy=true]:before{content:"";border:2px solid #15161d47;border-top-color:#15161d;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.run-button[disabled]{cursor:wait;opacity:.7;box-shadow:none}.preview-card{gap:10px;display:grid}.preview-frame{position:relative}.status-card,.result-card,.trace-card,.error-card,.preview-empty{border:1px solid var(--border);background:var(--panel-strong);border-radius:20px}.status-card{justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.status-value{margin:6px 0 0;font-size:1rem}.progress-track{background:#ffffff14;border-radius:999px;width:min(320px,100%);height:8px;margin-top:14px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#f3c560 0%,#f38b31 60%,#ef6a39 100%);width:0;height:100%;transition:width .22s;box-shadow:0 0 24px #f38b3173}.backend-badge{color:var(--text-muted);white-space:nowrap;background:#ffffff0f;border-radius:999px;margin:0;padding:8px 12px}.backend-badge[data-backend=webgpu]{color:var(--success);background:#7dcf9529}.backend-badge[data-backend=wasm]{background:var(--accent-soft);color:#f4c38f}.preview-empty,.preview-image{min-height:280px}.preview-empty{color:var(--text-muted);place-items:center;padding:24px;display:grid}.preview-image{object-fit:contain;border:1px solid var(--border);background:#080a0fe6;border-radius:20px;width:100%;padding:12px}.preview-overlay{color:#f8f5ed;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c12b8;border-radius:20px;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.loading-spinner{border:3px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.result-card,.trace-card,.error-card{padding:18px}.result-meta{color:var(--text-muted);margin:10px 0 0;font-size:.92rem}.result-body{white-space:pre-wrap;color:#f3f1ec;margin:12px 0 0;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.95rem}.trace-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.trace-explainer{max-width:62ch;color:var(--text-muted);margin:10px 0 0;font-size:.94rem}.trace-summary{color:var(--text-muted);white-space:nowrap;background:#ffffff0f;border-radius:999px;margin:0;padding:8px 12px;font-size:.9rem}.trace-list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.trace-empty,.trace-step{background:#080a0fb8;border:1px solid #ffffff14;border-radius:18px}.trace-empty{color:var(--text-muted);padding:16px}.trace-step{padding:14px 16px}.trace-step[data-model=vision]{border-color:#f38b3142}.trace-step[data-model=rewrite]{border-color:#7dcf9533}.trace-step[data-within-target=true]{box-shadow:inset 0 0 0 1px #7dcf9538}.trace-step-top{justify-content:space-between;align-items:start;gap:16px;display:flex}.trace-step-heading{min-width:0}.trace-step-title,.trace-step-model,.trace-step-meta{margin:0}.trace-step-title{color:#f6f3ea;font-weight:600}.trace-step-model{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.88rem}.trace-step-meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.9rem}.trace-step-body{white-space:pre-wrap;color:#f3f1ec;margin:12px 0 0;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.92rem}.error-card{background:#4a181752;border-color:#ff837047}.error-text{color:var(--danger);margin:12px 0 0}@keyframes spin{to{transform:rotate(360deg)}}