:root{--bg: #1e1e1e;--bg-raised: #252526;--bg-inset: #1a1a1a;--border: #333333;--border-soft: #2a2a2a;--text: #d4d4d4;--text-dim: #9d9d9d;--text-faint: #6e6e6e;--accent: #0a84ff;--accent-hover: #2b95ff;--success: #2ea043;--danger: #da3633;--warning: #d29922;--radius: 6px;--rail-width: 44px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.5}button,input{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100%}.sidebar{display:flex;flex:1;min-height:0;background:var(--bg)}.sidebar-rail{display:flex;flex-direction:column;width:var(--rail-width);flex-shrink:0;background:var(--bg-inset);border-right:1px solid var(--border);padding:6px 0}.rail-toggle,.rail-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;cursor:pointer;color:var(--text-dim);text-align:left;font-size:13px}.rail-toggle:hover,.rail-item:hover{background:var(--bg-raised);color:var(--text)}.rail-item--active{background:var(--bg-raised);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.rail-glyph{width:18px;text-align:center;flex-shrink:0}.rail-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-spacer{flex:1}.sidebar--collapsed .sidebar-rail{width:44px}.sidebar--collapsed .rail-label,.sidebar--collapsed .sidebar-content{display:none}.sidebar-content{flex:1;min-width:0;display:flex;flex-direction:column}.panel{flex:1;min-height:0;display:flex;flex-direction:column}.panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:10px 12px}.panel-hint{color:var(--text-faint);margin:0 0 8px;font-size:12px}.section-title{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.empty-hint{color:var(--text-faint);margin:12px 0}.statusbar{display:flex;gap:16px;align-items:center;padding:4px 12px;background:var(--accent);color:#fff;font-size:12px;flex-shrink:0}.statusbar-item{display:inline-flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;background:#ffffffbf}.status-dot--working{background:#ffd33d;animation:pulse 1s ease-in-out infinite}.status-dot--needs_confirmation{background:#ff9f1c}.status-dot--error{background:#ff5f56}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.chat-panel{display:flex;flex-direction:column}.chat-panel .panel-scroll{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.chat-message{margin-bottom:0;padding:12px;background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:12px;max-width:85%;width:fit-content;box-shadow:0 2px 5px #0003}.chat-message--user{background:#005fb8;border-color:#0078d4;align-self:flex-end}.chat-message--error{border-color:var(--danger)}.chat-message--tool{background:transparent;border:none;padding:2px 4px}.chat-message__meta{font-size:11px;color:var(--text-faint);margin-bottom:6px;text-transform:uppercase}.chat-message__content{white-space:pre-wrap;word-break:break-word;line-height:1.6}.chat-message--tool .chat-message__content{color:var(--text-dim);font-size:12px}.tool-chip{display:inline-block;margin-top:6px;padding:2px 8px;background:#1c3d5a;border:1px solid #29597f;border-radius:10px;font-size:12px;color:#7fc4ff}.confirm-row{margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.confirm-summary{flex:1;min-width:160px;color:var(--warning);font-size:12px}.chat-typing{color:var(--text-faint);font-style:italic}.chat-composer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--bg-raised);flex-shrink:0}.chat-composer .btn{border-radius:16px}.chat-composer input{flex:1;padding:8px 14px;background:var(--bg-inset);border:1px solid var(--border);border-radius:16px;outline:none}.chat-composer input:focus{border-color:var(--accent)}.tool-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tool-item{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--radius);padding:8px 10px}.tool-item__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-name{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12px;color:#7fc4ff}.tool-desc{margin:4px 0 0;color:var(--text-dim);font-size:12px}.tool-result{margin-top:10px;padding:8px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);font-family:ui-monospace,Menlo,monospace;font-size:11px;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.tool-result--error{border-color:var(--danger);color:#ff8f87}.change-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.change-item{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden}.change-item__summary{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;cursor:pointer;text-align:left}.change-item__summary:hover{background:var(--bg-inset)}.change-tool{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#7fc4ff}.change-summary-text{flex:1;color:var(--text)}.change-caret{color:var(--text-faint)}.change-item__detail{padding:0 10px 10px;border-top:1px solid var(--border-soft)}.change-detail{margin:8px 0;padding:6px;background:var(--bg-inset);border-radius:var(--radius);font-size:11px;white-space:pre-wrap;overflow:auto;max-height:160px}.change-actions{display:flex;gap:8px}.change-session{margin:6px 0 0;color:var(--text-faint);font-size:11px}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.history-item{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden}.history-item__summary{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;cursor:pointer;text-align:left}.history-item__summary:hover{background:var(--bg-inset)}.history-hash{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#7fc4ff;flex-shrink:0}.history-message{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{color:var(--text-faint);font-size:11px;flex-shrink:0}.history-item__detail{padding:0 10px 10px;border-top:1px solid var(--border-soft)}.history-diff{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:2px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.history-diff-status{display:inline-block;width:20px;color:var(--text-faint)}.history-diff--m{color:#d29922}.history-diff--a{color:#57ab5a}.history-diff--d{color:#e5534b}.history-preview-note{color:var(--text-faint);font-size:12px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:0 0 12px;font-size:12px}.kv dt{color:var(--text-faint)}.kv dd{margin:0;word-break:break-all}.outline-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.outline-item{display:flex;gap:8px;align-items:baseline}.outline-level{color:var(--text-faint);font-size:11px;font-family:ui-monospace,Menlo,monospace;flex-shrink:0}.outline-text{color:var(--text)}.btn{padding:6px 14px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text)}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{background:transparent;border-color:var(--danger);color:#ff8f87}.btn--danger:hover:not(:disabled){background:#da363326}.btn--warning{background:transparent;border-color:var(--warning);color:#e3b341}.btn--warning:hover:not(:disabled){background:#d2992226}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-dim);padding:2px 8px;font-size:12px}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--bg-inset)}.btn--small{padding:3px 10px;font-size:12px}.kv{grid-template-columns:max-content 1fr}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:40}.modal{width:min(420px,calc(100vw - 40px));background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:16px 18px;box-shadow:0 8px 30px #00000073}.modal-title{margin:0 0 12px;font-size:15px}.checkbox-row{display:flex;align-items:center;gap:8px;margin:8px 0;cursor:pointer}.checkbox-row input{accent-color:var(--accent)}.export-warning{margin:4px 0 8px 24px;padding:6px 8px;background:#d299221f;border:1px solid rgba(210,153,34,.4);border-radius:var(--radius);color:#e3b341;font-size:12px}.export-error{margin:8px 0;color:#ff8f87;font-size:12px}.export-result{margin:8px 0;padding:8px;background:#2ea0431f;border:1px solid rgba(46,160,67,.4);border-radius:var(--radius);font-size:12px;color:#7ee787;word-break:break-all}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:50}.palette{width:min(460px,calc(100vw - 40px));background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #00000080}.palette-input{width:100%;padding:12px 14px;background:var(--bg-inset);border:none;border-bottom:1px solid var(--border);outline:none}.palette-list{list-style:none;margin:0;padding:6px;max-height:40vh;overflow-y:auto}.palette-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;text-align:left}.palette-item:hover{background:var(--bg-inset)}.palette-hint{color:var(--text-faint);font-size:11px}.palette-empty{padding:10px;color:var(--text-faint);text-align:center}.banner{position:fixed;top:12px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:var(--radius);font-size:12px;z-index:60;box-shadow:0 4px 16px #0006}.banner--info{background:var(--bg-raised);border:1px solid var(--border);color:var(--text)}.banner--success{background:#2ea0432e;border:1px solid rgba(46,160,67,.5);color:#7ee787}.banner--error{background:#da36332e;border:1px solid rgba(218,54,51,.5);color:#ff8f87}.settings-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.settings-label{color:var(--text-dim);font-size:12px}.settings-field input{width:100%;padding:6px 10px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);outline:none;color:var(--text)}.settings-field input:focus{border-color:var(--accent)}.settings-field input::placeholder{color:var(--text-faint)}.settings-actions{display:flex;gap:8px;margin-top:4px}.settings-notice{margin:4px 0 10px;padding:6px 10px;border-radius:var(--radius);font-size:12px}.settings-notice--success{background:#2ea04326;border:1px solid rgba(46,160,67,.5);color:#7ee787}.settings-notice--error{background:#da363326;border:1px solid rgba(218,54,51,.5);color:#ff8f87}.settings-notice--info{background:#0a84ff1f;border:1px solid rgba(10,132,255,.4);color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#454545;border-radius:4px}::-webkit-scrollbar-track{background:transparent}