*{box-sizing:border-box;margin:0}:root{--bg: #16181d;--bg-panel: #1d2026;--bg-raised: #23272f;--bg-hover: #2b303a;--border: #343a46;--text: #e2e5ea;--text-dim: #8b93a1;--accent: #4fae72;--accent-soft: rgba(79, 174, 114, .16);--accent-border: rgba(79, 174, 114, .45);--danger: #d16560;--danger-soft: rgba(209, 101, 96, .14);--amber: #d9a154;--blue: #6b8fd4;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .35)}html,body,#app{height:100%}body{font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}::-webkit-scrollbar-track{background:transparent}button{font:inherit;color:inherit;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:6px 13px;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}button:hover{background:var(--bg-hover);border-color:#454c5a}button.primary{background:var(--accent-soft);border-color:var(--accent-border);color:#a8dcbb}button.primary:hover{background:#4fae7242}button.danger{background:var(--danger-soft);border-color:#d1656066;color:#e8a5a1}button:disabled{opacity:.45;cursor:default}input,textarea,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 11px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-border)}.app-shell{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.topbar .brand{font-weight:700;letter-spacing:3px;font-size:15px;color:var(--accent)}.topbar .spacer{flex:1}.topbar .who{color:var(--text-dim);font-size:13px}.mobile-tabs{display:none;gap:4px}.mobile-tabs button{padding:5px 11px;font-size:13px}.mobile-tabs button.active{background:var(--accent-soft);border-color:var(--accent-border)}.layout{display:flex;flex:1;min-height:0}.pane-tree{width:280px;min-width:210px;border-right:1px solid var(--border);background:var(--bg-panel);overflow-y:auto;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.tree-node{-webkit-user-select:none;user-select:none}.tree-label{display:flex;gap:7px;align-items:center;padding:4px 9px;border-radius:7px;cursor:pointer;white-space:nowrap;overflow:hidden;min-width:0}.tree-label>span:last-child{overflow:hidden;text-overflow:ellipsis}.tree-label:hover{background:var(--bg-hover)}.tree-label.active{background:var(--accent-soft);color:#b9e3c8}.tree-children{padding-left:15px}.tree-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pane-editor{flex:1;display:flex;flex-direction:column;min-width:0}.editor-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.editor-head .path{color:var(--text-dim);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.editor-body{flex:1;display:flex;overflow:hidden}.editor-body textarea{flex:1;min-width:0;border:none;border-radius:0;resize:none;padding:18px;background:var(--bg);line-height:1.6;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.md-preview{flex:1;min-width:0;overflow-y:auto;padding:18px 26px;border-left:1px solid var(--border);line-height:1.65}.md-preview h1,.md-preview h2,.md-preview h3{margin:.9em 0 .4em;line-height:1.3}.md-preview h1{font-size:1.5em}.md-preview h2{font-size:1.25em}.md-preview p,.md-preview ul,.md-preview ol{margin:.55em 0}.md-preview li{margin:.2em 0}.md-preview code{background:var(--bg-raised);padding:1px 6px;border-radius:5px;font-size:.9em}.md-preview pre{background:var(--bg-raised);padding:12px;border-radius:var(--radius);overflow-x:auto}.md-preview blockquote{border-left:3px solid var(--accent);margin:.6em 0;padding:2px 0 2px 14px;color:var(--text-dim)}.md-preview a{color:var(--blue)}.md-preview hr{border:none;border-top:1px solid var(--border);margin:1em 0}.pane-chat{width:430px;min-width:300px;border-left:1px solid var(--border);background:var(--bg-panel);display:flex;flex-direction:column;min-height:0}.chat-head{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:center}.chat-head select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:7px 9px}.chat-head button{flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.msg{border-radius:14px;padding:10px 14px;max-width:94%;line-height:1.55;white-space:pre-wrap;word-break:break-word;box-shadow:var(--shadow);min-width:0}.msg.user{background:var(--accent-soft);border:1px solid var(--accent-border);align-self:flex-end;border-bottom-right-radius:5px}.msg.assistant{background:var(--bg-raised);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:5px}.msg .trace{margin-top:8px;font-size:12px;color:var(--text-dim);word-break:break-all}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-input textarea{flex:1;min-width:0;resize:none;height:64px;border-radius:12px}.chat-input button{align-self:stretch;border-radius:12px;font-size:16px}.capture-bar{padding:2px 4px 12px;border-bottom:1px solid var(--border);margin-bottom:8px;display:flex;flex-direction:column;gap:7px}.capture-controls{display:flex;gap:7px}.capture-controls button:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.rec-live{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{border-color:var(--danger);box-shadow:0 0 8px #d165608c}}.job-row{display:flex;gap:8px;font-size:12px;padding:4px 8px;border-radius:7px;background:var(--bg);overflow:hidden}.job-row span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-row.done span:first-child{color:var(--accent)}.job-row.failed span:first-child{color:var(--danger)}.proposals-panel{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:8px}.proposals-head{cursor:pointer;padding:4px 8px;font-weight:600;color:var(--accent)}.proposals-panel .proposal{margin:6px 2px}.pool-panel{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:8px}.pool-head{display:flex;align-items:center;gap:6px;padding:2px 8px}.pool-title{cursor:pointer;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-head button{padding:1px 10px}.pool-row{display:flex;gap:7px;align-items:center;font-size:12px;padding:3px 8px;border-radius:6px}.pool-row:hover{background:var(--bg-hover)}.pool-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proposal{border:1px solid var(--accent-border);border-radius:var(--radius);padding:12px;margin-top:10px;background:var(--bg);box-shadow:var(--shadow)}.proposal .path{font-weight:600;margin-bottom:3px;word-break:break-all}.proposal .reason{color:var(--text-dim);font-size:13px;margin-bottom:9px}.proposal pre{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:10px;overflow-x:auto;font-size:12px;line-height:1.5;margin-bottom:10px;font-family:JetBrains Mono,monospace;max-height:300px;overflow-y:auto}.proposal .line-add{color:#82cf92}.proposal .line-del{color:#dd8d88}.proposal .actions{display:flex;gap:8px}.login-wrap{height:100%;display:grid;place-items:center}.login-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:34px 30px;width:330px;display:flex;flex-direction:column;gap:13px;box-shadow:0 8px 30px #0006}.login-box h1{font-size:24px;text-align:center;letter-spacing:5px;color:var(--accent)}.graph-wrap{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.graph-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-panel);font-size:13px}.graph-local{display:flex;align-items:center;gap:7px;cursor:pointer}.graph-local input{accent-color:var(--accent)}.graph-canvas{flex:1;min-height:0;position:relative}.graph-canvas canvas{display:block;touch-action:none}@media(max-width:900px){.graph-toolbar .dim{display:none}}.error{color:var(--danger);font-size:13px}.dim{color:var(--text-dim)}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.mobile-tabs{display:flex}.topbar .who{display:none}.layout>*{display:none!important}.layout>.mobile-visible{display:flex!important;width:100%!important;min-width:0!important;border:none}.pane-tree.mobile-visible,.editor-body{flex-direction:column}.md-preview{border-left:none;border-top:1px solid var(--border)}.pane-chat.mobile-visible{width:100%!important}}