:root{--terminal-bg: #0a0a0a;--terminal-fg: #00ff00;--terminal-fg-dim: #00aa00;--terminal-accent: #00cc00;--terminal-user: #00ffff;--terminal-error: #ff4444;--terminal-border: #333333;--terminal-input-bg: #111111;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-mono);font-size:14px;line-height:1.5;background-color:var(--terminal-bg);color:var(--terminal-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100%;display:flex;flex-direction:column}.app.dashboard{overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--terminal-border);background-color:var(--terminal-input-bg)}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:16px}.header-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.session-label{color:var(--terminal-fg)}.session-id-label{color:var(--terminal-fg-dim);font-size:12px}.back-button{background:transparent;border:1px solid var(--terminal-border);color:var(--terminal-fg);padding:6px 10px;border-radius:4px;font-family:var(--font-mono);font-size:14px;cursor:pointer;transition:all .2s ease}.back-button:hover{border-color:var(--terminal-fg);background-color:#00ff001a}.auto-approve-toggle{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--terminal-border);border-radius:4px;padding:5px 12px;cursor:pointer;transition:all .2s ease;font-family:var(--font-mono);-webkit-user-select:none;user-select:none}.auto-approve-toggle .toggle-label{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--terminal-fg-dim);transition:color .2s}.auto-approve-toggle:hover{border-color:#ffaa0080;background:#ffaa000a}.auto-approve-toggle:hover .toggle-label{color:#c80}.auto-approve-toggle.active{border-color:#ffaa0080;background:#ffaa001a;box-shadow:0 0 12px #ffaa001f}.auto-approve-toggle.active .toggle-label{color:#fa0}.toggle-switch{position:relative;width:30px;height:16px;border-radius:8px;background:#222;border:1px solid #444;transition:all .2s ease}.toggle-switch.on{background:#ffaa0059;border-color:#fa09}.toggle-knob{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#777;transition:all .2s ease}.toggle-switch.on .toggle-knob{left:16px;background:#fa0;box-shadow:0 0 6px #fa09}.terminal-prompt{color:var(--terminal-fg-dim)}.version{color:var(--terminal-fg-dim);font-size:11px}.status-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--terminal-fg-dim)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--terminal-fg-dim)}.status-dot.connected{background-color:var(--terminal-fg);box-shadow:0 0 6px var(--terminal-fg)}.status-dot.disconnected{background-color:var(--terminal-error)}.status-dot.thinking{background-color:var(--terminal-user);animation:pulse 1s ease-in-out infinite}.status-dot.processing{background-color:var(--terminal-fg);animation:processing-pulse 1.5s ease-in-out infinite}.status-dot.awaiting-approval{background-color:#fc0;animation:approval-pulse 1s ease-in-out infinite;box-shadow:0 0 8px #fc09}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes processing-pulse{0%,to{opacity:1;box-shadow:0 0 6px var(--terminal-fg);transform:scale(1)}50%{opacity:.6;box-shadow:0 0 12px var(--terminal-fg);transform:scale(1.1)}}@keyframes approval-pulse{0%,to{opacity:1;box-shadow:0 0 6px #fc09}50%{opacity:.7;box-shadow:0 0 12px #ffcc00e6}}.dashboard-header{padding:14px 24px;background:linear-gradient(180deg,#0f1318,#0a0e14);border-bottom:1px solid #1a1f28}.dashboard-header h1{font-size:15px;font-weight:700;letter-spacing:3px;background:linear-gradient(135deg,var(--terminal-fg) 0%,#00cc88 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-content{flex:1;padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.session-list{background:#0c0f14;border:1px solid #1a1f28;border-radius:3px;overflow:hidden;flex:1}.session-list-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #1a1f28;font-size:10px;font-weight:700;color:#556;letter-spacing:1.5px;text-transform:uppercase}.create-session-btn{background:transparent;border:1px solid #2a3040;color:var(--terminal-fg-dim);padding:5px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.5px;border-radius:2px;cursor:pointer;transition:all .2s ease}.create-session-btn:hover{border-color:var(--terminal-fg);color:var(--terminal-fg);box-shadow:0 0 10px #00ff411a}.sessions-table{max-height:calc(100vh - 160px);overflow-y:auto}.sessions-table::-webkit-scrollbar{width:4px}.sessions-table::-webkit-scrollbar-track{background:transparent}.sessions-table::-webkit-scrollbar-thumb{background:#1a1f28;border-radius:2px}.sessions-table::-webkit-scrollbar-thumb:hover{background:#2a3040}.session-row{padding:8px 16px;border-bottom:1px solid #111620;cursor:pointer;transition:all .12s ease}.session-row:hover{background:#00ff4105;border-left:2px solid rgba(0,255,65,.2);padding-left:14px}.session-row.web-session{background:#00b4ff03}.session-row.web-session:hover{background:#00b4ff08;border-left-color:#00b4ff4d}.session-row.is-running{border-left:2px solid rgba(0,180,255,.15);padding-left:14px}.session-row:last-child{border-bottom:none}.session-row-main{display:flex;align-items:center;gap:12px;min-height:24px}.session-badges{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:120px}.session-source-badge{display:inline-block;padding:2px 6px;border-radius:2px;font-size:8px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;text-align:center;flex-shrink:0}.session-source-badge.terminal{background:transparent;color:#3a3f4a;border:1px solid #1a1f28}.session-source-badge.web{background:#00a0ff14;color:#09d;border:1px solid rgba(0,160,255,.2)}.session-state-badge{font-size:8px;font-family:var(--font-mono);font-weight:700;padding:2px 7px;border-radius:2px;letter-spacing:.8px;text-transform:uppercase;flex-shrink:0;white-space:nowrap}.session-state-badge.processing{color:#0cf;background:#00ccff1f;border:1px solid rgba(0,204,255,.25);animation:pulse-badge-blue 2s ease-in-out infinite}.session-state-badge.awaiting_approval{color:#f4c;background:#ff44cc1f;border:1px solid rgba(255,68,204,.3);animation:pulse-badge-magenta 1.2s ease-in-out infinite}.session-state-badge.idle{color:#3a3f4a;background:transparent;border:1px solid #1a1f28}.session-state-badge.finished{color:var(--terminal-fg-dim);background:#00ff410f;border:1px solid rgba(0,255,65,.15)}.session-state-badge.error{color:#f44;background:#ff444414;border:1px solid rgba(255,68,68,.2)}.session-state-badge.stopped{color:#2a2f3a;background:transparent;border:1px solid #151a22}@keyframes pulse-badge-blue{0%,to{opacity:1;box-shadow:0 0 4px #00ccff1a}50%{opacity:.7;box-shadow:0 0 8px #0cf3}}@keyframes pulse-badge-magenta{0%,to{opacity:1;box-shadow:0 0 4px #ff44cc26}50%{opacity:.7;box-shadow:0 0 10px #ff44cc4d}}.session-label-cell{flex:1;min-width:0}.session-label{display:inline-block;padding:1px 6px;border-radius:2px;font-size:12px;cursor:text;transition:all .12s ease}.session-label.has-label{color:#c8d0d8;background:transparent}.session-label.no-label{color:#2a3040;font-family:var(--font-mono);font-size:11px}.session-label:hover{color:var(--terminal-fg);background:#00ff410d}.label-input{background:#080a0e;border:1px solid var(--terminal-fg-dim);color:var(--terminal-fg);padding:3px 8px;font-family:var(--font-mono);font-size:12px;border-radius:2px;width:180px;outline:none}.session-project{font-size:10px;color:#2a3a4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:100px;max-width:220px}.session-meta-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.session-time{font-size:10px;color:#3a4050;white-space:nowrap}.session-size{font-size:9px;color:#252a34;white-space:nowrap;min-width:40px;text-align:right}.session-process-stats{display:flex;align-items:center;gap:10px;flex-shrink:0}.process-stat{font-size:10px;font-family:JetBrains Mono,Fira Code,monospace;white-space:nowrap}.process-stat.cpu{color:#4fc3f7;min-width:36px;text-align:right}.process-stat.mem{color:#81c784;min-width:48px;text-align:right}.process-stat.runtime{color:#3a4050;min-width:56px;text-align:right}.session-actions{flex-shrink:0;min-width:36px;display:flex;justify-content:flex-end}.kill-button{background:transparent;color:#523;border:1px solid #2a1520;border-radius:2px;font-size:8px;font-family:var(--font-mono);font-weight:700;padding:2px 8px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:all .15s ease}.kill-button:hover{background:#ff44441a;color:#f44;border-color:#f446;box-shadow:0 0 8px #ff44441a}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}.session-card{background-color:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:4px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--font-mono)}.session-card:hover{border-color:var(--terminal-fg);box-shadow:0 0 8px #0f03}.session-card.selected{border-color:var(--terminal-fg);background-color:#00ff000d}.session-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.session-status{font-size:10px}.session-status.status-active{color:var(--terminal-fg);text-shadow:0 0 4px var(--terminal-fg)}.session-status.status-idle{color:var(--terminal-fg-dim)}.session-name{font-size:14px;font-weight:600;color:var(--terminal-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card-body{display:flex;flex-direction:column;gap:8px}.session-id{font-size:11px;color:var(--terminal-user);font-family:var(--font-mono)}.session-meta{display:flex;gap:12px;font-size:11px;color:var(--terminal-fg-dim)}.session-stat{white-space:nowrap}.session-activity{font-size:10px;color:#fff6}.session-loading,.session-empty,.session-error{padding:32px 16px;text-align:center;color:var(--terminal-fg-dim)}.session-error{color:var(--terminal-error)}.empty-message{margin-bottom:8px}.empty-hint{font-size:12px;opacity:.7}.blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.dashboard-info{display:flex;gap:16px}.info-box{flex:1;background-color:var(--terminal-input-bg);border:1px solid var(--terminal-border);border-radius:4px;overflow:hidden}.info-header{padding:12px 16px;border-bottom:1px solid var(--terminal-border);font-size:12px;font-weight:600;color:var(--terminal-fg);letter-spacing:1px}.info-content{padding:16px;font-size:13px;color:var(--terminal-fg-dim)}.info-content p{margin-bottom:8px}.info-content p:last-child{margin-bottom:0}.chat-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.message{max-width:85%;padding:12px 16px;border-radius:4px;position:relative}.message.user{align-self:flex-end;background-color:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:var(--terminal-user)}.message.user:before{content:"you@local:~$";display:block;font-size:11px;color:#0ff9;margin-bottom:4px}.message.assistant{align-self:flex-start;background-color:#00ff000d;border:1px solid rgba(0,255,0,.2)}.message.assistant:before{content:"claude@b-intelligent:~$";display:block;font-size:11px;color:var(--terminal-fg-dim);margin-bottom:4px}.message-content{word-wrap:break-word;white-space:pre-wrap}.message-content h1,.message-content h2,.message-content h3{color:var(--terminal-accent);margin:12px 0 8px}.message-content h1{font-size:1.3em}.message-content h2{font-size:1.15em}.message-content h3{font-size:1em}.message-content code{background-color:#00ff001a;padding:2px 6px;border-radius:3px;font-size:.9em}.message-content pre{background-color:#00000080;border:1px solid var(--terminal-border);border-radius:4px;padding:12px;overflow-x:auto;margin:8px 0}.message-content pre code{background:none;padding:0}.message-content ul,.message-content ol{margin:8px 0;padding-left:24px}.message-content a{color:var(--terminal-user);text-decoration:underline}.message-content blockquote{border-left:3px solid var(--terminal-fg-dim);padding-left:12px;margin:8px 0;color:var(--terminal-fg-dim)}.message-timestamp{font-size:10px;color:#ffffff4d;margin-top:8px;text-align:right}.typing-indicator{display:flex;gap:4px;padding:8px 16px}.typing-indicator span{width:6px;height:6px;background-color:var(--terminal-fg);border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.input-area{display:flex;flex-direction:column;gap:8px;padding:16px;border-top:1px solid var(--terminal-border);background-color:var(--terminal-input-bg)}.input-row{display:flex;gap:8px;align-items:flex-end}.attachment-previews{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0}.attachment-preview{display:flex;align-items:center;gap:6px;background:#00ffff14;border:1px solid rgba(0,255,255,.25);border-radius:4px;padding:4px 8px;font-size:11px}.attachment-thumb{width:32px;height:32px;object-fit:cover;border-radius:2px;border:1px solid rgba(0,255,255,.3)}.attachment-name{color:var(--terminal-user);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.attachment-remove{background:transparent;border:none;color:var(--terminal-error);cursor:pointer;font-family:var(--font-mono);font-size:12px;padding:0 2px;opacity:.6;transition:opacity .15s}.attachment-remove:hover{opacity:1}.attach-button{background:transparent;border:1px solid var(--terminal-border);color:var(--terminal-fg-dim);padding:12px 14px;border-radius:4px;font-family:var(--font-mono);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1;flex-shrink:0}.attach-button:hover:not(:disabled){border-color:var(--terminal-user);color:var(--terminal-user);box-shadow:0 0 8px #0ff3}.attach-button:disabled{opacity:.3;cursor:not-allowed}.input-wrapper{flex:1;display:flex;align-items:center;background-color:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:4px;padding:0 12px}.input-wrapper:focus-within{border-color:var(--terminal-fg);box-shadow:0 0 4px #0f03}.input-prefix{color:var(--terminal-fg-dim);margin-right:8px;-webkit-user-select:none;user-select:none}.message-input{flex:1;background:transparent;border:none;color:var(--terminal-fg);font-family:var(--font-mono);font-size:14px;padding:12px 0;outline:none;resize:none;min-height:24px;max-height:120px}.message-input::placeholder{color:var(--terminal-fg-dim);opacity:.5}.send-button{background-color:var(--terminal-fg);color:var(--terminal-bg);border:none;padding:12px 20px;border-radius:4px;font-family:var(--font-mono);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.send-button:hover:not(:disabled){background-color:var(--terminal-accent);box-shadow:0 0 8px #0f06}.send-button:disabled{background-color:var(--terminal-border);color:var(--terminal-fg-dim);cursor:not-allowed}.clear-button{background:transparent;border:1px solid var(--terminal-border);color:var(--terminal-fg-dim);padding:8px 12px;border-radius:4px;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all .2s ease}.clear-button:hover{border-color:var(--terminal-error);color:var(--terminal-error)}.error-message{background-color:#ff44441a;border:1px solid var(--terminal-error);color:var(--terminal-error);padding:12px 16px;border-radius:4px;margin:8px 16px;font-size:13px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--terminal-bg)}::-webkit-scrollbar-thumb{background:var(--terminal-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--terminal-fg-dim)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--terminal-fg-dim);text-align:center;padding:20px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:16px;margin-bottom:8px}.empty-state-hint{font-size:12px;opacity:.7}.view-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--terminal-border);background-color:var(--terminal-input-bg)}.view-mode-toggle-container{display:flex;flex-direction:column;gap:8px}.view-mode-toggle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-btn{background:transparent;border:1px solid var(--terminal-border);color:var(--terminal-fg-dim);padding:4px 12px;font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .2s ease}.mode-btn:first-child{border-radius:4px 0 0 4px}.mode-btn:last-child{border-radius:0 4px 4px 0}.mode-btn.active{background-color:var(--terminal-fg);color:var(--terminal-bg);border-color:var(--terminal-fg)}.mode-btn:hover:not(.active){border-color:var(--terminal-fg-dim)}.type-filter-select{background-color:var(--terminal-bg);border:1px solid var(--terminal-border);color:var(--terminal-fg);padding:4px 8px;font-family:var(--font-mono);font-size:11px;border-radius:4px;cursor:pointer;margin-left:12px}.type-filter-select:focus{outline:none;border-color:var(--terminal-fg)}.type-filter-select option{background-color:var(--terminal-bg);color:var(--terminal-fg)}.tool-filter-select{background-color:var(--terminal-bg);border:1px solid rgba(100,100,255,.4);color:#66f;padding:4px 8px;font-family:var(--font-mono);font-size:11px;border-radius:4px;cursor:pointer}.tool-filter-select:focus{outline:none;border-color:#66f}.tool-filter-select option{background-color:var(--terminal-bg);color:var(--terminal-fg)}.search-input{background-color:var(--terminal-bg);border:1px solid var(--terminal-border);color:var(--terminal-fg);padding:4px 10px;font-family:var(--font-mono);font-size:11px;border-radius:4px;min-width:150px}.search-input:focus{outline:none;border-color:var(--terminal-fg);box-shadow:0 0 4px #0f03}.search-input::placeholder{color:var(--terminal-fg-dim);opacity:.5}.expand-btn{background:transparent;border:1px solid var(--terminal-border);color:var(--terminal-fg-dim);padding:4px 8px;font-family:var(--font-mono);font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s ease}.expand-btn:hover{border-color:var(--terminal-fg);color:var(--terminal-fg);background-color:#00ff000d}.readonly-badge{font-size:10px;color:var(--terminal-fg-dim);background-color:#ffffff1a;padding:2px 8px;border-radius:4px}.status-badge{font-size:10px;padding:2px 8px;border-radius:4px}.status-badge.running{color:var(--terminal-fg);background-color:#00ff0026}.status-badge.stopped{color:var(--terminal-fg-dim);background-color:#ffffff1a}.status-badge.error{color:var(--terminal-error);background-color:#ff444426}.status-badge.starting{color:var(--terminal-user);background-color:#00ffff26}.ws-status{font-size:10px}.ws-status.connected{color:var(--terminal-fg)}.ws-status.disconnected{color:var(--terminal-error)}.transcript-view{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.transcript-loading,.transcript-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--terminal-fg-dim)}.loading-text,.empty-text{font-size:14px}.message-block{padding:12px 16px;border-radius:4px;max-width:90%}.message-block.message-user{align-self:flex-end;background-color:#00ffff1a;border:1px solid rgba(0,255,255,.3)}.message-block.message-assistant{align-self:flex-start;background-color:#00ff000d;border:1px solid rgba(0,255,0,.2)}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;color:var(--terminal-fg-dim)}.message-icon{font-size:14px}.message-role{font-weight:600}.message-block .message-content{word-wrap:break-word;white-space:pre-wrap;font-size:14px;line-height:1.6}.message-block.message-user .message-content{color:var(--terminal-user)}.message-block.message-assistant .message-content{color:var(--terminal-fg)}.thinking-block{background-color:#ffc8000d;border:1px solid rgba(255,200,0,.2);border-radius:4px;overflow:hidden;flex-shrink:0}.thinking-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;background-color:#ffc8000d}.thinking-header:hover{background-color:#ffc8001a}.thinking-icon{font-size:14px}.thinking-label{font-size:11px;font-weight:600;color:#fc0}.thinking-toggle{margin-left:auto;font-size:10px;color:var(--terminal-fg-dim)}.thinking-content{padding:12px;font-size:12px;color:#ffc800cc;white-space:pre-wrap;line-height:1.5}.thinking-block.collapsed .thinking-content{max-height:60px;overflow:hidden}.tool-block{background-color:#6464ff0d;border:1px solid rgba(100,100,255,.2);border-radius:4px;overflow:hidden;font-size:12px;flex-shrink:0}.tool-block.tool-result{background-color:#00c8640d;border-color:#00c86433}.tool-block.tool-result.error{background-color:#ff44440d;border-color:#f443}.tool-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;background-color:#6464ff0d}.tool-block.tool-result .tool-header{background-color:#00c8640d}.tool-block.tool-result.error .tool-header{background-color:#ff44440d}.tool-header:hover{background-color:#6464ff1a}.tool-icon{font-size:14px}.tool-label-prefix{font-size:10px;color:var(--terminal-fg-dim);margin-right:4px}.tool-name{font-weight:600;color:#66f}.tool-label{font-weight:600;color:#0c6}.tool-block.tool-result.error .tool-label{color:var(--terminal-error)}.tool-toggle{margin-left:auto;font-size:10px;color:var(--terminal-fg-dim)}.tool-summary{padding:4px 12px 8px;font-size:11px;color:var(--terminal-fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-content{padding:12px}.tool-content pre{margin:0;font-size:11px;color:var(--terminal-fg-dim);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.tool-block.collapsed .tool-content pre{max-height:80px}.system-block{padding:8px 12px;background-color:#ffffff08;border-left:2px solid var(--terminal-fg-dim);font-size:11px;color:var(--terminal-fg-dim)}.system-label{font-weight:600;margin-right:8px}.web-chats-section{background-color:var(--terminal-input-bg);border:1px solid var(--terminal-border);border-radius:4px;overflow:hidden}.web-chats-section .section-header{padding:12px 16px;border-bottom:1px solid var(--terminal-border)}.web-chats-section h2{font-size:12px;font-weight:600;color:var(--terminal-fg);letter-spacing:1px}.web-chats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}.web-chat-card{background-color:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:4px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative}.web-chat-card:hover{border-color:var(--terminal-fg);box-shadow:0 0 8px #0f03}.web-chat-card.create-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;border-style:dashed}.web-chat-card.create-card:hover{background-color:#00ff000d}.create-icon{font-size:32px;color:var(--terminal-fg-dim);margin-bottom:8px}.create-label{font-size:12px;color:var(--terminal-fg-dim)}.chat-status-indicator{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background-color:var(--terminal-fg-dim)}.web-chat-card.running .chat-status-indicator{background-color:var(--terminal-fg);box-shadow:0 0 6px var(--terminal-fg)}.web-chat-card.starting .chat-status-indicator{background-color:var(--terminal-user);animation:pulse 1s ease-in-out infinite}.web-chat-card.error .chat-status-indicator{background-color:var(--terminal-error)}.chat-name{font-size:14px;font-weight:600;color:var(--terminal-fg);margin-bottom:4px}.chat-id{font-size:11px;color:var(--terminal-user);margin-bottom:8px}.chat-cwd{font-size:10px;color:var(--terminal-fg-dim);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta{margin-bottom:8px}.stop-btn{background:transparent;border:1px solid var(--terminal-border);color:var(--terminal-fg-dim);padding:4px 8px;font-size:10px;font-family:var(--font-mono);border-radius:4px;cursor:pointer;transition:all .2s ease}.stop-btn:hover{border-color:var(--terminal-error);color:var(--terminal-error)}.stopped-chats{padding:12px 16px;border-top:1px solid var(--terminal-border)}.stopped-header{font-size:10px;color:var(--terminal-fg-dim);margin-bottom:8px}.stopped-list{display:flex;flex-wrap:wrap;gap:8px}.stopped-chat{font-size:10px;padding:2px 8px;background-color:#ffffff0d;border-radius:4px;color:var(--terminal-fg-dim)}.stopped-chat.error{color:var(--terminal-error)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--terminal-input-bg);border:1px solid var(--terminal-border);border-radius:8px;padding:24px;min-width:400px;max-width:90%}.modal h3{font-size:16px;color:var(--terminal-fg);margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;color:var(--terminal-fg-dim);margin-bottom:6px}.form-group input{width:100%;background-color:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:4px;padding:10px 12px;font-family:var(--font-mono);font-size:14px;color:var(--terminal-fg)}.form-group input:focus{outline:none;border-color:var(--terminal-fg);box-shadow:0 0 4px #0f03}.form-group input::placeholder{color:var(--terminal-fg-dim);opacity:.5}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn{background:transparent;border:1px solid var(--terminal-border);color:var(--terminal-fg-dim);padding:10px 20px;font-family:var(--font-mono);font-size:14px;border-radius:4px;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{border-color:var(--terminal-fg-dim)}.create-btn{background-color:var(--terminal-fg);color:var(--terminal-bg);border:none;padding:10px 20px;font-family:var(--font-mono);font-size:14px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s ease}.create-btn:hover:not(:disabled){background-color:var(--terminal-accent);box-shadow:0 0 8px #0f06}.create-btn:disabled{background-color:var(--terminal-border);color:var(--terminal-fg-dim);cursor:not-allowed}.log-event-row{display:flex;align-items:center;gap:12px;padding:4px 12px;font-size:11px;font-family:var(--font-mono);background-color:#ffffff05;border-left:2px solid var(--terminal-border)}.log-timestamp{color:var(--terminal-fg-dim);min-width:70px}.log-type{color:var(--terminal-fg-dim);min-width:100px}.log-message{color:var(--terminal-fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-event-row.log-user{border-left-color:var(--terminal-user)}.log-event-row.log-user .log-type{color:var(--terminal-user)}.log-event-row.log-stop{border-left-color:var(--terminal-fg)}.log-event-row.log-stop .log-type{color:var(--terminal-fg)}.log-event-row.log-task{border-left-color:#f90}.log-event-row.log-task .log-type{color:#f90}.log-event-row.log-usage{border-left-color:#96f}.log-event-row.log-usage .log-type{color:#96f}.log-event-row.log-thinking{border-left-color:#fc0}.log-event-row.log-thinking .log-type{color:#fc0}.agent-spawn-block{background-color:#ff64000d;border:1px solid rgba(255,100,0,.3);border-radius:4px;overflow:hidden;margin:8px 0;flex-shrink:0}.agent-spawn-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;background-color:#ff640014;transition:background-color .2s ease}.agent-spawn-header:hover{background-color:#ff64001f}.agent-spawn-timestamp{font-size:10px;color:var(--terminal-fg-dim);min-width:60px}.agent-spawn-badge{font-size:9px;padding:2px 6px;background-color:#ff64004d;color:#f60;border-radius:3px;text-transform:uppercase;font-weight:600}.agent-spawn-icon{font-size:10px;color:#f60}.agent-spawn-label{font-size:11px;font-weight:600;color:#f60}.agent-spawn-type{font-size:12px;font-weight:600;color:#f94}.agent-spawn-desc{font-size:11px;color:var(--terminal-fg-dim)}.agent-spawn-id{font-size:9px;color:var(--terminal-user);margin-left:auto;font-family:var(--font-mono)}.agent-spawn-block.completed{background-color:#00c8640d;border-color:#00c8644d}.agent-spawn-block.completed .agent-spawn-header{background-color:#00c86414}.agent-spawn-block.completed .agent-spawn-header:hover{background-color:#00c8641f}.agent-spawn-block.completed .agent-spawn-content{border-top-color:#00c86433}.agent-spawn-badge.completed{background-color:#00c8644d;color:#0c6}.agent-spawn-block.completed .agent-spawn-icon,.agent-spawn-block.completed .agent-spawn-label{color:#0c6}.agent-spawn-block.completed .agent-spawn-type{color:#4d8}.agent-result-preview{margin-bottom:12px;padding:8px 12px;background-color:#00c8641a;border-radius:4px;border-left:3px solid #00cc66}.result-label{font-size:10px;color:#0c6;font-weight:600;margin-right:8px}.result-text{font-size:11px;color:var(--terminal-fg);white-space:pre-wrap;line-height:1.5}.agent-spawn-content{padding:12px 14px;border-top:1px solid rgba(255,100,0,.2)}.agent-prompt-preview{margin-bottom:12px;padding:8px 12px;background-color:#0000004d;border-radius:4px}.prompt-label{font-size:10px;color:var(--terminal-fg-dim);margin-right:8px}.prompt-text{font-size:11px;color:var(--terminal-fg);font-style:italic}.agent-loading,.agent-error,.agent-no-data,.agent-pending{font-size:11px;color:var(--terminal-fg-dim);padding:8px 0}.agent-error{color:var(--terminal-error)}.agent-transcript{border-top:1px solid rgba(255,100,0,.15);padding-top:12px;margin-top:8px}.agent-entry{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.agent-entry:last-child{border-bottom:none}.agent-user,.agent-assistant,.agent-tool{display:flex;gap:8px}.agent-entry .entry-label{font-size:10px;font-weight:600;min-width:50px}.agent-user .entry-label{color:var(--terminal-user)}.agent-assistant .entry-label{color:#f94}.agent-tool .entry-label{color:#66f}.agent-entry .entry-text{font-size:11px;color:var(--terminal-fg-dim);word-wrap:break-word}.agent-prompt-full{margin-bottom:16px;padding:12px 14px;background-color:#0006;border-radius:6px;border-left:3px solid #ff9944}.agent-prompt-full .prompt-label{display:block;font-size:10px;color:#f94;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.agent-prompt-full .prompt-text{font-size:12px;color:var(--terminal-fg);white-space:pre-wrap;line-height:1.6;font-style:normal;font-family:inherit;background:transparent;margin:0;overflow-x:auto}.agent-result-preview .result-text{display:block;font-size:12px;white-space:pre-wrap;line-height:1.6;font-family:inherit;background:transparent;margin:0;overflow-x:auto}.agent-actions{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,100,0,.2)}.view-full-log-btn{display:inline-block;padding:8px 16px;background-color:#ff640026;color:#f94;border:1px solid rgba(255,100,0,.3);border-radius:4px;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.view-full-log-btn:hover{background-color:#ff640040;border-color:#ff640080;color:#fa5}.agent-spawn-block.completed .view-full-log-btn{background-color:#00c86426;color:#0c6;border-color:#00c8644d}.agent-spawn-block.completed .view-full-log-btn:hover{background-color:#00c86440;border-color:#00c86480;color:#4d8}.agent-log-badge{display:inline-block;padding:3px 8px;background-color:#ff640033;color:#f94;border:1px solid rgba(255,100,0,.4);border-radius:4px;font-size:10px;font-weight:700;margin-right:10px;text-transform:uppercase;letter-spacing:.5px}.session-type-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;margin-right:10px;text-transform:uppercase;letter-spacing:.5px}.session-type-badge.terminal{background-color:#64646433;color:#888;border:1px solid rgba(100,100,100,.4)}.session-type-badge.web{background-color:#00c8ff33;color:#0cf;border:1px solid rgba(0,200,255,.4)}.view-only-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background-color:#6464641a;border-top:1px solid var(--terminal-border);color:#666;font-size:13px}.view-only-notice .view-only-icon{font-size:16px}.error-notification{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#ff323226;border-top:1px solid #ff3232;color:#f66;font-size:13px;cursor:pointer}.error-notification .error-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#ff3232;color:#000;font-size:12px;font-weight:700;flex-shrink:0}.error-notification .error-dismiss{margin-left:auto;opacity:.5;font-size:14px}.error-notification .error-dismiss:hover{opacity:1}.agent-result-block{padding:8px 12px;background-color:#ff64000d;border-left:2px solid #ff6600;font-size:11px}.agent-result-label{font-weight:600;color:#f60;margin-right:8px}.agent-result-text{color:var(--terminal-fg-dim)}.compaction-summary-block{background-color:#8a2be214;border:2px solid rgba(138,43,226,.4);border-radius:6px;overflow:hidden;margin:12px 0;flex-shrink:0}.compaction-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;background-color:#8a2be21f;transition:background-color .2s ease}.compaction-header:hover{background-color:#8a2be22e}.compaction-icon{font-size:16px}.compaction-label{font-size:12px;font-weight:700;color:#a855f7;letter-spacing:1px;text-transform:uppercase}.compaction-toggle{margin-left:auto;font-size:10px;color:var(--terminal-fg-dim)}.compaction-time{font-size:10px;color:var(--terminal-fg-dim);margin-left:8px}.compaction-content{padding:12px 16px;border-top:1px solid rgba(138,43,226,.25)}.compaction-preview{font-size:12px;color:#a855f7cc;line-height:1.5;white-space:pre-wrap;max-height:100px;overflow:hidden}.compaction-full{font-size:12px;color:#a855f7e6;line-height:1.6;white-space:pre-wrap;margin:0;max-height:400px;overflow-y:auto}.compaction-content.expanded .compaction-preview{display:none}.session-usage-summary{display:flex;align-items:center;gap:16px;padding:8px 16px;background-color:#6464ff14;border-bottom:1px solid var(--terminal-border);font-size:11px;font-family:var(--font-mono)}.usage-stat{display:flex;align-items:center;gap:4px;color:var(--terminal-fg-dim)}.usage-stat .label{color:var(--terminal-fg-dim);opacity:.7}.usage-stat .value{color:#66f;font-weight:500}.usage-stat.cost .value{color:var(--terminal-fg);font-weight:600}.usage-stat.messages .value{color:var(--terminal-user)}@media (max-width: 600px){.message,.message-block{max-width:95%}.header-title{font-size:12px}.status-indicator{font-size:10px}.session-grid,.web-chats-grid{grid-template-columns:1fr}.dashboard-info{flex-direction:column}.modal{min-width:auto;margin:16px}}.approval-prompt-block{background:#0c0c0c;border:1px solid #ffaa00;border-left:3px solid #ffaa00;border-radius:2px;padding:14px 16px;margin:12px 0;position:relative;box-shadow:0 0 8px #ffaa0014,inset 0 0 40px #ffaa0005}.approval-prompt-block.pending{animation:approval-glow 3s ease-in-out infinite}.approval-prompt-block.responded{animation:none;opacity:.5;border-color:#333;border-left-color:#333;box-shadow:none}.approval-prompt-block.responded.allow{border-left-color:var(--terminal-fg-dim)}.approval-prompt-block.responded.deny{border-left-color:#622}@keyframes approval-glow{0%,to{box-shadow:0 0 8px #ffaa0014,inset 0 0 40px #ffaa0005}50%{box-shadow:0 0 16px #ffaa0026,inset 0 0 40px #ffaa000a}}.approval-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.approval-icon{font-size:18px;opacity:.8}.approval-info{flex:1;display:flex;align-items:baseline;gap:8px}.approval-label{font-family:var(--font-mono);font-size:9px;color:#fa0;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.approval-tool{font-family:var(--font-mono);font-size:14px;color:#e0e0e0;font-weight:600}.approval-time{font-family:var(--font-mono);font-size:10px;color:#444}.approval-preview{background:#080808;border:1px solid #1a1a1a;border-radius:2px;padding:10px 12px;margin-bottom:12px;cursor:pointer;position:relative}.approval-input-preview{font-family:var(--font-mono);font-size:11px;color:#777;margin:0;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;line-height:1.5}.approval-preview .expand-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;color:#555;font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:color .15s}.approval-preview .expand-btn:hover{color:#aaa}.approval-actions{display:flex;gap:8px;margin-top:4px}.approve-btn,.deny-btn{padding:7px 20px;border-radius:2px;font-family:var(--font-mono);font-size:11px;font-weight:600;cursor:pointer;letter-spacing:.8px;text-transform:uppercase;transition:all .15s ease}.approve-btn{flex:0 0 auto;background:transparent;color:var(--terminal-fg);border:1px solid var(--terminal-fg-dim)}.approve-btn:hover{background:#00ff411a;border-color:var(--terminal-fg);box-shadow:0 0 12px #00ff4126;color:var(--terminal-fg)}.deny-btn{flex:0 0 auto;background:transparent;color:#844;border:1px solid #442222}.deny-btn:hover{background:#ff444414;border-color:#844;box-shadow:0 0 12px #ff44441a;color:var(--terminal-error)}.deny-input-container{display:flex;gap:6px;flex:1}.deny-message-input{flex:1;padding:7px 10px;background:#080808;border:1px solid #333;border-radius:2px;color:#ccc;font-family:var(--font-mono);font-size:11px}.deny-message-input:focus{outline:none;border-color:#844;box-shadow:0 0 6px #ff44441a}.deny-confirm-btn,.deny-cancel-btn{padding:7px 14px;border-radius:2px;font-family:var(--font-mono);font-size:10px;font-weight:600;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;transition:all .15s;border:1px solid}.deny-confirm-btn{background:transparent;color:var(--terminal-error);border-color:#422}.deny-confirm-btn:hover{background:#ff44441a;border-color:var(--terminal-error)}.deny-cancel-btn{background:transparent;color:#666;border-color:#2a2a2a}.deny-cancel-btn:hover{color:#999;border-color:#444}.approval-response{padding:8px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:2px}.approval-response.allow{background:#00ff410d;color:var(--terminal-fg-dim);border-left:2px solid var(--terminal-fg-dim)}.approval-response.deny{background:#ff44440d;color:#844;border-left:2px solid #662222}.approval-prompt-block.question-mode{border-color:#08a;border-left-color:#0cf;box-shadow:0 0 8px #00ccff0f,inset 0 0 40px #00ccff05}.approval-prompt-block.question-mode.pending{animation:question-glow 3s ease-in-out infinite}@keyframes question-glow{0%,to{box-shadow:0 0 8px #00ccff0f,inset 0 0 40px #00ccff05}50%{box-shadow:0 0 16px #00ccff1f,inset 0 0 40px #00ccff0a}}.approval-label.question{color:#0cf}.question-container{margin-bottom:10px}.question-text{font-family:var(--font-mono);font-size:13px;color:#ccc;margin-bottom:10px;line-height:1.5}.question-options{display:flex;flex-direction:column;gap:4px}.question-option-btn{display:flex;flex-direction:column;align-items:flex-start;padding:8px 14px;background:transparent;border:1px solid #1a3344;border-radius:2px;cursor:pointer;transition:all .15s ease;text-align:left}.question-option-btn:hover{background:#00ccff0f;border-color:#08a;box-shadow:0 0 10px #00ccff14}.question-option-btn .option-label{font-family:var(--font-mono);font-size:12px;font-weight:600;color:#ddd}.question-option-btn .option-description{font-family:var(--font-mono);font-size:10px;color:#666;margin-top:2px;line-height:1.4}.diff-container{position:relative;margin-bottom:12px}.diff-viewer{background:#0a0a0a;border-radius:4px;overflow:hidden}.diff-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1a1a1a;border-bottom:1px solid #333}.diff-file-path{color:#888;font-family:var(--font-mono);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.diff-actions{display:flex;gap:8px}.diff-toggle-btn{padding:4px 10px;background:#333;border:1px solid #444;border-radius:4px;color:#aaa;font-size:11px;font-family:var(--font-mono);cursor:pointer;transition:all .2s ease}.diff-toggle-btn:hover{background:#444;color:#fff}.diff-toggle-btn.active{background:#444;border-color:#666}.diff-expand-btn{position:absolute;top:8px;right:8px;padding:4px 10px;background:#6464644d;border:1px solid #555;border-radius:4px;color:#aaa;font-size:11px;cursor:pointer;transition:all .2s ease;z-index:1}.diff-expand-btn:hover{background:#64646480;color:#fff}.diff-content{display:flex;flex-direction:column}.diff-content.side-by-side{flex-direction:row}.diff-content.side-by-side .diff-removed,.diff-content.side-by-side .diff-added{flex:1;width:50%;min-width:0}.diff-removed,.diff-added{overflow:hidden}.diff-removed{background:#ff000014;border-left:3px solid #ff4444}.diff-added{background:#00ff0014;border-left:3px solid #00ff00}.diff-content.side-by-side .diff-added{border-left:none;border-right:3px solid #00ff00}.diff-label{padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.5px;position:sticky;top:0;background:inherit}.diff-removed .diff-label{color:#f66;background:#ff000026}.diff-added .diff-label{color:#6f6;background:#00ff0026}.diff-lines{max-height:200px;overflow-y:auto}.diff-line{display:flex;font-family:var(--font-mono);font-size:12px;line-height:1.5}.diff-line.removed{color:#f88}.diff-line.added{color:#8f8}.diff-line-num{width:40px;padding:0 8px;text-align:right;color:#555;-webkit-user-select:none;user-select:none;flex-shrink:0}.diff-line-content{flex:1;padding-right:12px;white-space:pre-wrap;word-break:break-all}.diff-stats{display:flex;gap:12px;padding:6px 12px;background:#1a1a1a;border-top:1px solid #333;font-size:11px;font-family:var(--font-mono)}.diff-stats .stat.removed{color:#f66}.diff-stats .stat.added{color:#6f6}.diff-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.diff-modal{position:relative;width:95%;max-width:1400px;max-height:90vh;background:#0d0d0d;border:1px solid #333;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.diff-modal-close{position:absolute;top:8px;right:12px;width:32px;height:32px;background:#333;border:1px solid #444;border-radius:4px;color:#aaa;font-size:16px;cursor:pointer;z-index:10;transition:all .2s ease}.diff-modal-close:hover{background:#f44;border-color:#f44;color:#fff}.diff-modal .diff-viewer{flex:1;display:flex;flex-direction:column;overflow:hidden}.diff-modal .diff-toolbar{padding:12px 50px 12px 16px}.diff-modal .diff-content{flex:1;overflow:hidden}.diff-modal .diff-removed,.diff-modal .diff-added{flex:1;display:flex;flex-direction:column}.diff-modal .diff-lines{flex:1;max-height:none;overflow-y:auto}@media (max-width: 767px){.diff-content.side-by-side{flex-direction:column}.diff-content.side-by-side .diff-removed,.diff-content.side-by-side .diff-added{width:100%}.diff-content.side-by-side .diff-added{border-left:3px solid #00ff00;border-right:none}}.diff-whole-file{display:flex;flex-direction:column;max-height:60vh}.diff-whole-file .diff-lines{flex:1;overflow-y:auto;background:#0a0a0a}.diff-whole-file .diff-line{display:flex;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:#888}.diff-whole-file .diff-line.changed-context{background:#ffc80026;color:#fc6}.diff-whole-file .diff-line-num{width:50px;padding:0 8px;text-align:right;color:#555;-webkit-user-select:none;user-select:none;flex-shrink:0;border-right:1px solid #333}.diff-whole-file .diff-line-content{flex:1;padding:0 12px;white-space:pre-wrap;word-break:break-all}.diff-change-marker{color:#fc0;padding:0 8px;font-weight:700}.diff-change-preview{border-top:1px solid #333;padding:12px;background:#111}.change-preview-header{font-size:11px;color:#888;margin-bottom:8px;font-weight:600}.change-preview-content{display:flex;gap:12px}.preview-old,.preview-new{flex:1;padding:8px;border-radius:4px;font-size:11px}.preview-old{background:#ff00001a;border:1px solid rgba(255,0,0,.3)}.preview-new{background:#00ff001a;border:1px solid rgba(0,255,0,.3)}.preview-label{display:block;font-weight:600;margin-bottom:4px}.preview-old .preview-label{color:#f66}.preview-new .preview-label{color:#6f6}.preview-old pre,.preview-new pre{margin:0;white-space:pre-wrap;font-family:var(--font-mono);font-size:11px}.preview-old pre{color:#f88}.preview-new pre{color:#8f8}.diff-loading,.diff-error{padding:20px;text-align:center;color:#888}.diff-error{color:#f66}.diff-stats .stat.total{color:#888;margin-left:auto}.approval-preview.compact{margin-bottom:12px;padding:8px 12px}.approval-preview.compact .expand-btn{position:static;padding:0;font-size:12px}.new-session-modal{background:#0c0f14;border:1px solid #1a1f28;border-radius:4px;width:380px;max-width:90%;overflow:hidden;box-shadow:0 0 40px #0009;position:relative}.new-session-modal-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid #1a1f28}.new-session-modal-header .modal-prompt{color:var(--terminal-fg-dim);font-size:12px}.new-session-modal-header .modal-title{font-size:10px;font-weight:700;color:#556;letter-spacing:2px;text-transform:uppercase}.new-session-modal-options{display:flex;flex-direction:column;padding:12px;gap:8px}.session-mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;background:transparent;border:1px solid #1a1f28;border-radius:3px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;font-family:var(--font-mono)}.session-mode-btn .mode-icon{font-size:13px;font-weight:700;letter-spacing:1.5px}.session-mode-btn .mode-description{font-size:10px;line-height:1.4}.session-mode-btn.assisted{border-color:#00ff411f}.session-mode-btn.assisted .mode-icon{color:var(--terminal-fg)}.session-mode-btn.assisted .mode-description{color:var(--terminal-fg-dim)}.session-mode-btn.assisted:hover{background:#00ff410f;border-color:#00ff414d;box-shadow:0 0 16px #00ff410f}.session-mode-btn.full-ai{border-color:#ffaa001f}.session-mode-btn.full-ai .mode-icon{color:#fa0}.session-mode-btn.full-ai .mode-description{color:#652}.session-mode-btn.full-ai:hover{background:#ffaa000f;border-color:#ffaa004d;box-shadow:0 0 16px #ffaa000f}.modal-dismiss{position:absolute;top:12px;right:14px;background:transparent;border:1px solid #1a1f28;color:#3a3f4a;padding:3px 8px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.5px;border-radius:2px;cursor:pointer;transition:all .15s ease}.modal-dismiss:hover{border-color:#3a3f4a;color:#666}