*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.6}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0}.header-title{font-size:.78rem;font-weight:700;color:var(--accent);letter-spacing:.06em}.header-right{display:flex;align-items:center;gap:.4rem}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.status-dot.loading{background:var(--accent);animation:pulse 1s ease-in-out infinite}.status-dot.ready{background:var(--success)}.status-label{font-size:.68rem;color:var(--muted2);letter-spacing:.04em}.screen{display:none;flex:1;flex-direction:column;overflow:hidden}.screen.active{display:flex}.idle-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;text-align:center;gap:.85rem}.idle-glyph{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.idle-name{font-size:.88rem;font-weight:700;color:var(--fg)}.idle-tagline{font-size:.75rem;color:var(--muted2);line-height:1.8;max-width:300px}.idle-spec{font-size:.65rem;color:var(--muted);letter-spacing:.03em}.loading-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;gap:1.1rem}.loading-label{font-size:.78rem;color:var(--muted2)}.progress-wrap{width:100%;max-width:340px}.progress-head{display:flex;justify-content:space-between;font-size:.68rem;color:var(--muted2);margin-bottom:.4rem}.progress-bar{height:2px;background:var(--line);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width .25s ease}.progress-file{margin-top:.4rem;font-size:.63rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.85rem}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.msg{display:flex;flex-direction:column;gap:.18rem;max-width:86%}.msg-user{align-self:flex-end;align-items:flex-end}.msg-assistant{align-self:flex-start;align-items:flex-start}.msg-role{font-size:.6rem;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;padding:0 .15rem}.msg-bubble{padding:.55rem .8rem;border-radius:6px;font-size:.78rem;line-height:1.75;border:1px solid var(--line);word-break:break-word}.msg-user .msg-bubble{background:var(--surface2);color:var(--fg)}.msg-assistant .msg-bubble{background:var(--surface);color:var(--muted2)}.msg-assistant .msg-bubble.streaming{color:var(--fg)}.cursor{display:inline-block;width:2px;height:.8em;background:var(--accent);margin-left:1px;vertical-align:text-bottom;animation:blink .65s step-end infinite}.input-area{border-top:1px solid var(--line);background:var(--surface);padding:.65rem 1rem;flex-shrink:0}.input-row{display:flex;align-items:flex-end;gap:.5rem}.input-wrap{flex:1;border:1px solid var(--line);border-radius:5px;background:var(--bg);transition:border-color .12s}.input-wrap:focus-within{border-color:var(--muted)}textarea{display:block;width:100%;background:transparent;color:var(--fg);font-family:inherit;font-size:.78rem;line-height:1.6;padding:.45rem .7rem;border:none;outline:none;resize:none;min-height:34px;max-height:120px;overflow-y:auto}textarea::placeholder{color:var(--muted)}#btn-stop{border-color:var(--danger);color:var(--danger)}#btn-stop:hover{background:#f871711a}.error-banner{display:none;align-items:center;justify-content:space-between;gap:.75rem;margin:.5rem 1rem 0;padding:.45rem .75rem;border:1px solid #3f1515;border-radius:5px;background:#f871710f;font-size:.72rem;color:var(--danger);flex-shrink:0}.error-banner.visible{display:flex}.error-copy{flex:1}.error-action{flex-shrink:0;font-size:.68rem;height:28px;padding:0 .55rem}.prompt-toggle{display:inline-flex;align-items:center;gap:.35rem;background:none;border:1px solid var(--line);color:var(--muted2);font-family:inherit;font-size:.65rem;letter-spacing:.04em;padding:.25rem .55rem;border-radius:4px;cursor:pointer;transition:border-color .12s,color .12s;text-transform:uppercase;margin-top:.4rem}.prompt-toggle:hover{border-color:var(--muted);color:var(--fg)}.prompt-toggle.active{border-color:var(--accent);color:var(--accent)}.prompt-panel{display:none;width:100%;max-width:480px;margin-top:.6rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden;text-align:left}.prompt-panel.open{display:block}.prompt-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;border-bottom:1px solid var(--line)}.prompt-panel-title{font-size:.68rem;font-weight:700;color:var(--muted2);letter-spacing:.05em;text-transform:uppercase}.prompt-panel-actions{display:flex;gap:.3rem}.prompt-panel-btn{background:none;border:1px solid var(--line);color:var(--muted2);font-family:inherit;font-size:.63rem;padding:.2rem .5rem;border-radius:3px;cursor:pointer;transition:border-color .12s,color .12s}.prompt-panel-btn:hover{border-color:var(--muted);color:var(--fg)}.prompt-panel-btn.saved{border-color:var(--success);color:var(--success)}.prompt-textarea{display:block;width:100%;background:var(--bg);color:var(--fg);font-family:inherit;font-size:.72rem;line-height:1.7;padding:.6rem .7rem;border:none;outline:none;resize:vertical;min-height:100px;max-height:260px}.prompt-textarea::placeholder{color:var(--muted)}.prompt-hint{padding:.35rem .7rem .45rem;font-size:.6rem;color:var(--muted);border-top:1px solid var(--line)}.header-prompt-btn{background:none;border:1px solid var(--line);color:var(--muted2);font-family:inherit;font-size:.63rem;padding:.2rem .45rem;border-radius:3px;cursor:pointer;transition:border-color .12s,color .12s;display:none}.header-prompt-btn:hover{border-color:var(--muted);color:var(--fg)}.header-prompt-btn.active{border-color:var(--accent);color:var(--accent)}.header-prompt-btn.visible{display:inline-flex}.prompt-overlay{display:none;position:absolute;top:0;left:0;right:0;z-index:20;padding:.5rem 1rem;background:#0c0a09eb;border-bottom:1px solid var(--line)}.prompt-overlay.open{display:block}.prompt-overlay .prompt-panel{display:block;max-width:100%;margin:0;border:1px solid var(--line)}.dev-toggle{background:none;border:1px solid var(--line);color:var(--muted);font-family:inherit;font-size:.6rem;padding:.15rem .4rem;border-radius:3px;cursor:pointer;letter-spacing:.04em}.dev-toggle.active{border-color:var(--accent);color:var(--accent)}.dev-panel{display:none;flex-direction:column;gap:.3rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--line);font-size:.68rem;flex-shrink:0}.dev-panel.open{display:flex}.dev-row{display:flex;gap:.75rem;align-items:center}.dev-label{color:var(--muted);width:5rem;flex-shrink:0;letter-spacing:.03em}.dev-engine-toggle{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.dev-engine-toggle button{background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:.63rem;padding:.15rem .5rem;cursor:pointer;letter-spacing:.03em;transition:background .12s,color .12s}.dev-engine-toggle button+button{border-left:1px solid var(--line)}.dev-engine-toggle button:hover{color:var(--fg)}.dev-engine-toggle button.selected{background:var(--accent);color:#0c0a09;font-weight:700}.dev-section-label{font-size:.58rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:.15rem}.dev-progress-wrap{display:none;margin-left:5.75rem;width:calc(100% - 5.75rem)}.dev-progress-wrap.visible{display:block}.dev-progress-bar{height:3px;background:var(--line);border-radius:2px;overflow:hidden}.dev-progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width .25s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}#view-tabs{display:none;align-items:center;padding:.4rem 1rem;border-bottom:1px solid var(--line);gap:.5rem;background:var(--surface)}#view-tabs.view-tabs--visible{display:flex}.view-tab{padding:.2rem .65rem;font-size:.72rem;font-family:inherit;color:var(--muted);background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;letter-spacing:.04em;transition:color .1s,border-color .1s,background .1s}.view-tab:hover{color:var(--fg)}.view-tab.active{color:var(--accent);border-color:var(--accent);background:#fbbf2414;font-weight:700}.view-tab-actions{margin-left:auto;display:flex;gap:.35rem}.view-pane{flex:1;overflow-y:auto}.view-pane:not(.view-pane--active){display:none}#json-content,#transcript-content{font-size:.72rem;color:var(--muted2);white-space:pre-wrap;word-break:break-word;padding:1rem 1.25rem;margin:0;line-height:1.6}.typing-indicator{display:flex;align-items:center;gap:.3rem;padding:.6rem 1rem;color:var(--muted);font-size:.72rem}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:typing-bounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.bubble-wrap{position:relative;margin-bottom:.75rem}.bubble-wrap:last-child{margin-bottom:0}.msg-action-bar{display:flex;align-items:center;gap:.2rem;margin-top:.3rem;opacity:0;transition:opacity .15s;height:24px}.bubble-wrap:hover .msg-action-bar,.bubble-wrap:focus-within .msg-action-bar{opacity:1}.bubble-wrap.streaming .msg-action-bar{display:none}.bubble-wrap.editing .bubble{outline:1px solid var(--accent)}.bubble-wrap.editing .bubble-edit-input{display:block;width:100%;background:var(--surface);border:1px solid var(--accent);border-radius:6px;color:var(--fg);font-family:inherit;font-size:.82rem;padding:.6rem .8rem;resize:vertical;min-height:48px}.bubble-edit-input{display:none}.bubble-meta{font-size:.65rem;color:var(--muted);margin-top:.2rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.meta-pill{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:.05rem .35rem;letter-spacing:.04em}#status-dot.status-dot--ok{background:#4ade80}#status-dot.status-dot--slow{background:#fbbf24}#status-dot.status-dot--offline{background:#f87171}#input{resize:none;overflow-y:hidden;max-height:180px}