:root{--bg:#07131a;--bg-panel:rgba(10,24,34,0.84);--bg-panel-strong:rgba(8,19,28,0.96);--border:rgba(255,255,255,0.09);--border-strong:rgba(240,174,59,0.45);--text:#f7fbff;--muted:#a8bfd0;--soft:#6e90a3;--accent:#f2c43e;--accent-strong:#ec8235;--success:#5fad40;--cyan:#348980;--blue:#0965c0;--violet:#6750aa;--magenta:#c53a94;--shadow:0 30px 90px rgba(0,0,0,0.45);--font-sans:"Satoshi","Avenir Next","Segoe UI",sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(95,173,64,.2),transparent 24%),radial-gradient(circle at 25% 10%,rgba(52,137,128,.22),transparent 28%),radial-gradient(circle at top right,rgba(103,80,170,.2),transparent 28%),radial-gradient(circle at 78% 22%,rgba(197,58,148,.16),transparent 22%),linear-gradient(180deg,#07131a,#08131e 46%,#05090f);min-height:100%}body{margin:0;color:var(--text);font-family:var(--font-sans)}button,input,textarea{font:inherit}.shell{width:min(1420px,calc(100% - 32px));margin:0 auto;padding:18px 0 32px}.topbar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);grid-gap:16px;gap:16px;align-items:stretch}.hero-card,.hero-copy,.workbench .progress-panel,.workspace-main,.workspace-side .metric-card{border:1px solid var(--border);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-copy{border-radius:28px;padding:24px 28px}.hero-copy-compact{padding:20px 24px}.brand-row{display:flex;gap:18px;align-items:center}.brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:20px;background:linear-gradient(135deg,var(--cyan),var(--blue) 45%,var(--violet) 76%,var(--magenta));color:white;font-weight:800;letter-spacing:.08em}.eyebrow,.metric-label,.panel-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:#8ec8ff}.hero-copy h1,.panel-header h2{margin:0;font-size:clamp(1.9rem,3vw,3rem);line-height:.98;letter-spacing:-.04em}.hero-text{margin:12px 0 0;max-width:34rem;color:var(--muted);font-size:.96rem;line-height:1.5}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.hero-pills span,.metric-badge{display:inline-flex;align-items:center;border:1px solid rgba(142,200,255,.16);border-radius:999px;padding:9px 14px;color:var(--text);background:rgba(9,101,192,.14)}.hero-card{border-radius:28px;padding:20px}.hero-card-compact{padding:14px}.dropzone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:18px;gap:18px;min-height:152px;align-content:center;align-items:center;justify-items:start;border:1px dashed rgba(142,200,255,.25);border-radius:24px;padding:18px 20px;background:linear-gradient(180deg,rgba(56,91,181,.12),rgba(56,91,181,0)),rgba(255,255,255,.02);transition:border-color .18s ease,transform .18s ease,background .18s ease}.dropzone-active{border-color:var(--accent);transform:translateY(-2px);background:rgba(9,101,192,.14)}.dropzone-busy{border-color:rgba(95,173,64,.5)}.dropzone-copy{min-width:0}.dropzone h2{margin:0 0 6px;font-size:1.14rem}.dropzone p,.empty-body,.metric-comparison span,.progress-meta,.stage-item span{color:var(--muted)}.dropzone-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,rgba(56,91,181,.18),rgba(197,58,148,.14));border:1px solid rgba(142,200,255,.16);color:#f8d761;font-weight:800}.hidden-input{display:none}.primary-button,.secondary-button,.tab-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease}.primary-button{padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#f0ae3b 46%,var(--accent-strong));color:#1f1706;font-weight:700}.primary-button:hover,.secondary-button:hover,.tab-button:hover{transform:translateY(-1px)}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:18px;gap:18px;align-items:start;margin-top:18px}.workbench-status{grid-template-columns:1fr;margin-top:14px}.progress-panel{border-radius:22px;padding:16px 18px;background:var(--bg-panel-strong);border:1px solid rgba(255,255,255,.06)}.progress-panel-main{min-height:0}.metric-comparison,.panel-header,.progress-meta,.progress-topline{display:flex;justify-content:space-between;gap:12px}.progress-track{margin-top:12px;height:12px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet),var(--magenta),var(--accent))}.progress-meta{margin-top:10px;font-size:.92rem}.stage-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:14px}.stage-item{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04)}.stage-item p{margin:0 0 3px;font-size:.95rem}.stage-item-active p{color:#8ec8ff}.stage-item span{font-size:.84rem;line-height:1.35}.stage-index{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.15);color:var(--soft);flex:0 0 auto}.stage-index-complete{border-color:rgba(95,173,64,.42);color:var(--success)}.stage-index-active{border-color:#8ec8ff;color:#8ec8ff}.error-text{margin:12px 0 0;color:#ff9b91}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:24px;gap:24px;margin-top:24px}.workspace-tight{margin-top:10px}.workspace-flow{gap:16px;align-items:start}.workspace-main{border-radius:28px;padding:20px}.panel-header h2{font-size:clamp(1.4rem,2vw,2rem)}.tab-row{display:flex;gap:10px;align-items:center}.secondary-button,.tab-button{padding:11px 14px;border-radius:14px;color:var(--text);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.tab-button-active{background:rgba(56,91,181,.18);border-color:var(--border-strong);color:#f7fbff}.output-panel{margin-top:12px;min-height:640px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);overflow:hidden}.empty-state,.output-textarea,.preview-pane{min-height:640px;padding:22px}.preview-h1,.preview-h2,.preview-h3,.preview-list-item,.preview-paragraph,.preview-table{margin:0}.preview-h1{font-size:2.5rem;margin-bottom:18px}.preview-h2{font-size:1.7rem;margin-top:28px;margin-bottom:12px}.preview-h3{font-size:1.24rem;margin-top:22px;margin-bottom:8px}.preview-list-item,.preview-paragraph{color:#edf6ff;line-height:1.8}.preview-table{overflow-x:auto;padding:12px 0;color:#ffe696}.preview-divider{border:0;border-top:1px solid rgba(142,200,255,.16);margin:22px 0}.inline-code{padding:.15rem .4rem;border-radius:8px;background:rgba(9,101,192,.16);color:#b9e0ff}.image-note{display:inline-block;margin:.1rem 0;padding:.18rem .56rem;border-radius:999px;background:rgba(240,174,59,.12);border:1px solid rgba(240,174,59,.2);color:#ffe08e}.preview-spacer{height:18px}.developer-notes{margin-top:28px;padding-top:22px;border-top:1px solid rgba(142,200,255,.12)}.developer-notes-title{margin:0 0 14px;font-size:1.15rem}.developer-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.developer-notes-stat{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.developer-notes-body p,.developer-notes-reasons li,.developer-notes-stat small,.developer-notes-stat span{color:var(--muted)}.developer-notes-stat strong{display:block;margin:8px 0 4px;font-size:1.2rem}.developer-notes-body{margin-top:14px}.developer-notes-reasons p{margin-bottom:8px}.developer-notes-reasons ul{margin:0;padding-left:18px}.output-textarea{width:100%;resize:none;border:0;outline:0;color:var(--text);background:transparent;line-height:1.6}.empty-state{display:grid;place-items:center;text-align:center}.empty-title{margin:0 0 8px;font-size:1.2rem}.workspace-side{display:grid;grid-gap:14px;gap:14px;align-content:start}.workspace-side-top{position:relative;top:0}.workspace-side .metric-card{border-radius:24px;padding:16px}.diagnostics-card{border-style:dashed}.diagnostics-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.diagnostics-item p,.diagnostics-summary span{color:var(--muted)}.diagnostics-summary strong{display:block;margin-top:6px;font-size:1.35rem}.diagnostics-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px;max-height:360px;overflow:auto;padding-right:4px}.diagnostics-item{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.diagnostics-item-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.92rem}.diagnostics-reasons{margin:6px 0 0;font-size:.85rem;line-height:1.45}.metric-comparison{align-items:center}.metric-comparison strong{display:block;margin-top:6px;font-size:2rem}.metric-arrow{font-size:1.6rem;color:var(--soft)}.metric-badge{margin-top:14px;justify-content:center;color:var(--success);border-color:rgba(95,173,64,.2);background:rgba(95,173,64,.08)}.secondary-button{width:100%;margin-top:10px;text-align:left}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (max-width:1120px){.stage-list,.topbar,.workbench,.workspace{grid-template-columns:1fr}.workspace-side{grid-template-columns:repeat(3,minmax(0,1fr))}.developer-notes-grid,.diagnostics-summary{grid-template-columns:1fr}}@media (max-width:760px){.shell{width:min(100% - 20px,100%);padding-top:16px}.hero-card,.hero-copy,.workbench .progress-panel,.workspace-main,.workspace-side .metric-card{border-radius:22px}.hero-card,.hero-copy,.workbench .progress-panel,.workspace-main{padding:18px}.metric-comparison,.panel-header,.progress-meta,.progress-topline{flex-direction:column}.dropzone,.hero-pills,.tab-row,.workspace-side{display:grid;grid-template-columns:1fr}.stage-list{grid-template-columns:1fr}.empty-state,.output-panel,.output-textarea,.preview-pane{min-height:520px}}