:root{--text:#d4d4dc;--text-dim:#8b8b98;--text-h:#f5f5f7;--bg:#0e0e12;--bg-panel:#15151b;--bg-input:#1b1b22;--border:#2a2a33;--accent:#7c5cff;--accent-soft:#7c5cff26;--user-bubble:#2a2a3a;--flash:#7c5cff40;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:15px/1.5 -apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{height:100vh;margin:0;overflow:hidden}#root{height:100vh}code,pre{font-family:ui-monospace,Consolas,monospace}.app-shell{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-panel);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.topbar-brand{color:var(--text-h);letter-spacing:.3px;font-size:16px;font-weight:600}.topbar-actions{gap:8px;display:flex}.topbar-actions button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.topbar-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--text-h)}.topbar-actions button:disabled{opacity:.4;cursor:not-allowed}.split{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.pane-header{text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}@keyframes spec-pulse{0%,to{opacity:.25}50%{opacity:1}}.spec-loading-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.2s ease-in-out infinite spec-pulse;display:inline-block}.chat-pane{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chat-empty{color:var(--text-dim);margin:auto;font-style:italic}.chat-bubble{white-space:pre-wrap;border-radius:10px;max-width:80%;padding:10px 14px;line-height:1.5}.chat-bubble.user{background:var(--user-bubble);color:var(--text-h);align-self:flex-end}.chat-bubble.assistant{border:1px solid var(--border);background:0 0;align-self:flex-start}.chat-input-row{border-top:1px solid var(--border);gap:8px;padding:12px;display:flex}.chat-input-row textarea{resize:none;background:var(--bg-input);border:1px solid var(--border);color:var(--text-h);font:inherit;border-radius:8px;flex:1;padding:10px 12px}.chat-input-row textarea:focus{border-color:var(--accent);outline:none}.chat-input-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 18px;font-size:14px}.chat-input-row button:disabled{opacity:.4;cursor:not-allowed}.spec-pane{background:var(--bg-panel);flex-direction:column;min-height:0;display:flex}.spec-content{flex:1;padding:20px 24px;transition:background-color .9s;overflow-y:auto}.spec-content.flash{background-color:var(--flash);transition:background-color}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--text-h)}.markdown-body code{background:var(--bg-input);border-radius:4px;padding:2px 5px}.markdown-body pre{background:var(--bg-input);border-radius:8px;padding:12px;overflow-x:auto}.markdown-body table{border-collapse:collapse;width:100%}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:6px 10px}.spec-meta{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.spec-meta-title{color:var(--text-h);margin-bottom:8px;font-size:18px;font-weight:600;display:block}.spec-meta-tags{flex-wrap:wrap;gap:6px;display:flex}.spec-tag{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:2px 8px;font-size:12px}.spec-tag--draft{color:#f59e0b;border-color:#b45309}.spec-tag--ready{color:#4ade80;border-color:#166534}