:root{color-scheme:dark;--background: #09090b;--foreground: #fafafa;--card: #111113;--card-foreground: #fafafa;--popover: #111113;--popover-foreground: #fafafa;--primary: #fafafa;--primary-foreground: #18181b;--secondary: #18181b;--secondary-foreground: #fafafa;--muted: #27272a;--muted-foreground: #a1a1aa;--accent: #1f1f23;--accent-foreground: #fafafa;--destructive: #7f1d1d;--destructive-foreground: #fafafa;--border: rgba(255, 255, 255, .09);--input: #18181b;--ring: rgba(255, 255, 255, .16);--sidebar: rgba(12, 12, 14, .92);--panel: rgba(12, 12, 14, .82);--panel-soft: rgba(18, 18, 21, .88);--panel-strong: rgba(24, 24, 27, .94);--success: #22c55e;--warning: #f59e0b;--info: #60a5fa;--user: #8b5cf6;--tool: #f59e0b;--shadow: 0 0 0 1px rgba(255, 255, 255, .03), 0 18px 60px rgba(0, 0, 0, .45);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;color:var(--foreground);background:radial-gradient(circle at top,rgba(59,130,246,.12),transparent 28%),radial-gradient(circle at right top,rgba(168,85,247,.08),transparent 22%),linear-gradient(180deg,#09090b,#0f1013);overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0}body:before{top:-160px;left:-120px;width:420px;height:420px;border-radius:999px;background:radial-gradient(circle,rgba(96,165,250,.16),transparent 68%);filter:blur(18px)}body:after{right:-180px;bottom:-180px;width:520px;height:520px;border-radius:999px;background:radial-gradient(circle,rgba(168,85,247,.14),transparent 70%);filter:blur(22px)}code,pre,textarea{font-family:IBM Plex Mono,SFMono-Regular,monospace}.shell{display:grid;grid-template-columns:296px minmax(0,1fr);gap:18px;min-height:100vh;padding:18px;position:relative;z-index:1}.panel{position:relative;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff0d,#ffffff04 24%,#fff0);pointer-events:none}.intro{position:sticky;top:18px;align-self:start;display:grid;gap:12px;padding:18px}.intro-header{padding-bottom:8px;border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 8px;color:var(--muted-foreground);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.intro h1{margin:0;font-size:2.35rem;line-height:.95;letter-spacing:-.04em;text-wrap:balance}.intro h1:after{content:"";display:block;width:56px;height:3px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#8b5cf6 70%,transparent)}.lede{margin:12px 0 0;color:var(--muted-foreground);font-size:.98rem;line-height:1.5}.facts{display:grid;gap:8px;margin:0}.compact-facts{grid-template-columns:1fr}.facts div,.info-panel,.init-card,.message,.compact-card,.inspector-section{border:1px solid var(--border)}.facts div{padding:10px 12px;border-radius:12px;background:var(--panel-strong);box-shadow:inset 0 1px #ffffff08}.facts dt,.diagnostics-grid dt,.composer-label,.todo-status,.section-kicker{color:var(--muted-foreground);font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.facts dd,.diagnostics-grid dd{margin:0}.facts dd code,.diagnostics-grid dd code{color:var(--foreground);font-size:.88rem}.init-card,.info-panel,.compact-card,.inspector-section{border-radius:16px}.init-card,.info-panel{background:var(--panel-strong)}.init-card,.info-panel{padding:14px}.info-panel h2{margin:0;font-size:1rem;letter-spacing:-.02em}.controls{display:grid;grid-template-columns:1fr;gap:10px}.workspace{padding:16px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;min-height:calc(100vh - 32px)}.transcript-wrap{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0}.section-head{padding:2px 2px 0}.section-head h2{margin:4px 0 0;font-size:1.15rem;letter-spacing:-.02em}.section-kicker{margin:0}.section-copy{max-width:540px;margin:8px 0 0;color:var(--muted-foreground);font-size:.92rem;line-height:1.5}.transcript{overflow:auto;min-height:0;padding:4px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(96,165,250,.03),transparent 20%),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(180deg,#ffffff05,#fff0),var(--card);background-size:auto,28px 28px,28px 28px,auto,auto;background-position:0 0,0 0,0 0,0 0,0 0}.message{position:relative;margin-bottom:10px;padding:14px 16px;border-radius:14px;background:#ffffff05;overflow:hidden}.message:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#ffffff14}.message h2{margin:0 0 10px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.message pre,.message p{margin:0;color:var(--card-foreground);white-space:pre-wrap;word-break:break-word;line-height:1.55}.message.user{background:#8b5cf614}.message.user h2{color:#c4b5fd}.message.user:before{background:linear-gradient(180deg,#a78bfa,#7c3aed)}.message.tool{background:#f59e0b14}.message.tool h2{color:#fcd34d}.message.tool:before{background:linear-gradient(180deg,#fbbf24,#d97706)}.message.error{background:#7f1d1d40}.message.error h2{color:#fca5a5}.message.error:before{background:linear-gradient(180deg,#ef4444,#7f1d1d)}.compact-card{position:sticky;bottom:0;padding:14px;background:#0a0a0cf5;box-shadow:0 0 0 1px #ffffff08,0 -12px 40px #0006}.composer-label{display:block;margin-bottom:8px}textarea{width:100%;min-height:112px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:13px 14px;font-size:.94rem;color:var(--foreground);background:var(--input)}textarea::placeholder{color:#71717a}textarea:focus{outline:none;border-color:#ffffff2e;box-shadow:0 0 0 3px #ffffff12}.composer-hint{margin:10px 0 0;color:var(--muted-foreground);font-size:.82rem}.actions{display:flex;justify-content:flex-end;margin-top:12px}button{border:1px solid transparent;border-radius:12px;padding:10px 14px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .14s ease,border-color .14s ease,opacity .14s ease,transform .14s ease;position:relative;overflow:hidden}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}button.primary{color:var(--primary-foreground);background:linear-gradient(180deg,#ffffff2e,#fff0 45%),linear-gradient(135deg,#fafafa,#d4d4d8);box-shadow:0 10px 24px #ffffff14}button.secondary{color:var(--secondary-foreground);background:var(--secondary);border-color:var(--border)}button.primary:after,button.secondary:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);transform:translate(-140%);transition:transform .28s ease}button:hover:not(:disabled):after{transform:translate(140%)}.status{min-height:44px;margin:14px 0 10px;color:var(--muted-foreground);line-height:1.5}.status[data-mode=error]{color:#fca5a5}.status[data-mode=ready]{color:#86efac}progress{width:100%;height:10px;margin:0 0 10px;overflow:hidden;border:0;border-radius:999px;background:var(--muted)}progress::-webkit-progress-bar{background:var(--muted)}progress::-webkit-progress-value{background:linear-gradient(90deg,#3b82f6,#8b5cf6),linear-gradient(90deg,rgba(255,255,255,.42),transparent 40%);border-radius:999px;box-shadow:0 0 18px #60a5fa59}progress::-moz-progress-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:999px;box-shadow:0 0 18px #60a5fa59}.download-status{margin:0;color:var(--muted-foreground);line-height:1.45}.diagnostics-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:12px 0 0}.diagnostics-grid .wide{grid-column:1 / -1}.panel-pre{margin:0;max-height:240px;overflow:auto;color:#e4e4e7;white-space:pre-wrap;word-break:break-word;line-height:1.5}.inspector-panel{display:grid;gap:10px;align-self:start;min-height:0;background:#0a0a0ceb}.inspector-head p{margin:6px 0 0;color:var(--muted-foreground);font-size:.87rem;line-height:1.45}.inspector-section{overflow:hidden;background:#ffffff05;transition:background .16s ease,border-color .16s ease}.inspector-section summary{list-style:none;cursor:pointer;padding:12px 38px 12px 14px;font-size:.94rem;font-weight:600;position:relative}.inspector-section summary::-webkit-details-marker{display:none}.inspector-section summary:after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(90deg);color:var(--muted-foreground);transition:transform .14s ease}.inspector-section:not([open]) summary:after{transform:translateY(-50%) rotate(0)}.inspector-section[open] summary{border-bottom:1px solid var(--border);background:#ffffff08}.inspector-section:hover{background:#ffffff08}.inspector-section>.todo-list,.inspector-section>.panel-pre{padding:12px 14px 14px}.debug-log{min-height:180px;max-height:320px;color:#a1a1aa}.todo-list{display:grid;gap:10px}.todo-item{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff08;transition:transform .14s ease,border-color .14s ease,background .14s ease}.todo-item:hover{transform:translateY(-1px);border-color:#ffffff24;background:#ffffff0d}.todo-item[data-status*=completed]{background:#22c55e14}.todo-item[data-status*=in_progress]{background:#f59e0b17}.todo-item[data-status*=completed] .todo-status{color:#86efac}.todo-item[data-status*=in_progress] .todo-status{color:#fcd34d}.todo-text{line-height:1.45}@media(max-width:1180px){.shell{grid-template-columns:1fr}.intro{position:static}.workspace-grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{padding:14px;gap:14px}.intro,.workspace{padding:14px}.controls,.diagnostics-grid{grid-template-columns:1fr}.diagnostics-grid .wide{grid-column:auto}button{width:100%}.actions{justify-content:stretch}}