.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--bg-card:#1e293b;--bg-input:#334155;--bg-hover:#2d3a4f;--text:#f1f5f9;--text-dim:#94a3b8;--text-muted:#64748b;--accent:#6366f1;--accent-hover:#818cf8;--danger:#ef4444;--human-bg:#6366f1;--assistant-bg:#1e293b;--radius:12px;--radius-sm:8px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,system-ui,sans-serif;overflow:hidden}#app,.screen{flex-direction:column;height:100%;display:flex}.login-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.logo{letter-spacing:-.02em;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.login-subtitle{color:var(--text-dim);font-size:.95rem}.account-content{-webkit-overflow-scrolling:touch;width:100%;max-width:500px;padding:1rem;padding-bottom:calc(1rem + var(--safe-bottom));flex-direction:column;flex:1;gap:1.5rem;margin:0 auto;display:flex;overflow-y:auto}.user-list{flex-direction:column;gap:.3rem;display:flex}.user-item{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid #ffffff0a;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.user-info{flex-direction:column;flex:1;display:flex}.user-email{font-size:.9rem;font-weight:500}.user-name{color:var(--text-muted);font-size:.78rem}.user-badge{color:var(--accent);background:#6366f126;border-radius:3px;padding:.1rem .4rem;font-size:.72rem;font-weight:600}.success-text{color:#4ade80;margin-top:.3rem;font-size:.85rem}.auth-switch-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:.5rem;font-size:.85rem;transition:color .2s}.auth-switch-btn:hover{color:var(--accent-hover)}.login-form{flex-direction:column;gap:.75rem;width:100%;max-width:320px;display:flex}.login-form input{border:1px solid var(--bg-input);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);outline:none;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s}.login-form input:focus{border-color:var(--accent)}.login-form button{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.85rem;font-size:1rem;font-weight:600;transition:background .2s}.login-form button:hover{background:var(--accent-hover)}.error-text{color:var(--danger);text-align:center;font-size:.85rem}.top-bar{padding:.75rem 1rem;padding-top:calc(.75rem + var(--safe-top));background:var(--bg-card);border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:.5rem;min-height:56px;display:flex}.top-title{flex:1;font-size:1.3rem;font-weight:700}.icon-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;transition:background .2s;display:flex}.icon-btn:hover{background:var(--bg-hover)}.session-list{-webkit-overflow-scrolling:touch;padding:.75rem;padding-bottom:calc(.75rem + var(--safe-bottom));flex-direction:column;flex:1;gap:.5rem;display:flex;overflow-y:auto}.session-card{background:var(--bg-card);border-radius:var(--radius);cursor:pointer;border:1px solid #ffffff0a;align-items:center;gap:.75rem;padding:1rem;transition:background .2s,transform .1s;display:flex}.session-card:active{transform:scale(.98)}.session-card:hover{background:var(--bg-hover)}.session-dot{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.session-card-info{flex:1;min-width:0}.session-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.session-card-meta{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.session-card-status{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.session-card-status.active{background:#22c55e}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.empty-state-icon{opacity:.5;font-size:3rem}.empty-state p{font-size:.95rem}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:500px;max-height:85vh;padding:1.5rem;padding-bottom:calc(1.5rem + var(--safe-bottom));overflow-y:auto}.modal h2{margin-bottom:1rem;font-size:1.2rem}.modal label{color:var(--text-dim);margin-bottom:.75rem;font-size:.85rem;display:block}.modal input[type=text]{border:1px solid var(--bg-input);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text);outline:none;margin-top:.35rem;padding:.7rem .85rem;font-size:.95rem;transition:border-color .2s;display:block}.modal input:focus{border-color:var(--accent)}.color-picker{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:border-color .2s,transform .1s}.color-dot:active{transform:scale(.9)}.color-dot.active{border-color:#fff}.modal-actions{gap:.75rem;margin-top:1.25rem;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:.75rem;font-size:.95rem;font-weight:600;transition:background .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-input);color:var(--text)}.btn-secondary:hover{background:var(--bg-hover)}.chat-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius);word-wrap:break-word;white-space:pre-wrap;max-width:88%;padding:.7rem .9rem;font-size:.9rem;line-height:1.5}.chat-bubble.human{background:var(--human-bg);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.assistant{background:var(--assistant-bg);color:var(--text);border:1px solid #ffffff0f;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.system{color:var(--text-muted);text-align:center;background:0 0;align-self:center;padding:.3rem .6rem;font-size:.8rem}.chat-input-area{padding:.5rem .75rem;padding-bottom:calc(.5rem + var(--safe-bottom));background:var(--bg-card);border-top:1px solid #ffffff0f;flex-shrink:0}.chat-input-row{align-items:flex-end;gap:.5rem;display:flex}.chat-input{border:1px solid var(--bg-input);background:var(--bg-input);color:var(--text);resize:none;border-radius:20px;outline:none;flex:1;max-height:120px;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;line-height:1.4;transition:border-color .2s}.chat-input:focus{border-color:var(--accent)}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;transition:background .2s;display:flex}.send-btn:hover{background:var(--accent-hover)}.chat-shortcuts{gap:.4rem;margin-top:.4rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.shortcut-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;padding:.3rem .65rem;font-family:SF Mono,monospace;font-size:.8rem;transition:background .2s}.shortcut-btn:hover,.shortcut-btn:active{background:var(--bg-hover)}.status-bar{background:#6366f114;border-bottom:1px solid #6366f126;flex-shrink:0;align-items:center;gap:.4rem;min-height:28px;padding:.3rem .75rem;display:flex}.status-spinner{color:var(--accent);font-size:.85rem;animation:1.5s linear infinite spin}.status-text{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.78rem;overflow:hidden}.idle-banner{background:#ef44441a;border-top:1px solid #ef444440;flex-shrink:0;justify-content:center;align-items:center;gap:.6rem;padding:.45rem .75rem;display:flex}.idle-text{color:var(--danger);font-size:.82rem;font-weight:500}.idle-restart-btn{color:var(--danger);cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:.25rem .7rem;font-size:.78rem;font-weight:600;transition:background .15s}.idle-restart-btn:hover{background:#ef444440}.idle-restart-btn:active{background:var(--danger);color:#fff}.interactive-nav{background:var(--bg-card);border-top:1px solid #6366f133;flex-direction:column;flex-shrink:0;gap:.3rem;padding:.5rem .75rem;display:flex}.nav-row{gap:.3rem;display:flex}.nav-btn{background:var(--bg-input);color:var(--text);cursor:pointer;white-space:nowrap;border:1px solid #ffffff1a;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:38px;padding:.5rem .25rem;font-family:SF Mono,monospace;font-size:.82rem;transition:background .15s,border-color .15s;display:flex}.nav-btn:hover{background:var(--bg-hover);border-color:#fff3}.nav-btn:active{background:var(--accent);border-color:var(--accent);color:#fff}.terminal-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.terminal-wrap{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.terminal-container{background:#0c0c0c;flex:1}.terminal-container .xterm{height:100%;padding:4px}.terminal-window-tabs{scrollbar-width:none;background:var(--bg-card);-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:stretch;min-height:32px;display:flex;overflow-x:auto}.terminal-window-tabs::-webkit-scrollbar{display:none}.terminal-window-tab{white-space:nowrap;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.78rem;transition:color .2s,background .2s;display:flex}.terminal-window-tab:hover{color:var(--text-dim);background:#ffffff08}.terminal-window-tab.active{color:var(--text);border-bottom-color:var(--accent);background:#ffffff0d}.terminal-window-tab.add-tab{color:var(--text-muted);padding:.2rem .6rem;font-size:1rem}.terminal-window-tab.add-tab:hover{color:var(--accent)}.terminal-window-name{font-family:SF Mono,monospace}.terminal-bar{padding:.4rem .75rem;padding-bottom:calc(.4rem + var(--safe-bottom));background:var(--bg-card);border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:.4rem;display:flex}.terminal-focus-hint{color:var(--text-muted);margin-left:auto;font-size:.72rem}.notes-panel{background:var(--bg);z-index:50;border-left:1px solid #ffffff0f;flex-direction:column;width:100%;max-width:400px;animation:.2s ease-out slideIn;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.notes-header{padding:.75rem 1rem;padding-top:calc(.75rem + var(--safe-top));border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.notes-header h2{font-size:1.1rem}.notes-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.note-card{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid #ffffff0a;padding:.75rem}.note-content{white-space:pre-wrap;word-wrap:break-word;font-size:.9rem;line-height:1.5}.note-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.4rem;font-size:.75rem;display:flex}.note-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.8rem;transition:color .2s}.note-delete:hover{color:var(--danger)}.notes-input-area{padding:.75rem;padding-bottom:calc(.75rem + var(--safe-bottom));border-top:1px solid #ffffff0f;align-items:flex-end;gap:.5rem;display:flex}.note-input{border:1px solid var(--bg-input);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);resize:none;outline:none;flex:1;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;line-height:1.4;transition:border-color .2s}.note-input:focus{border-color:var(--accent)}.notes-input-area .btn-primary{white-space:nowrap;flex:0;padding:.6rem 1rem}.chat-bubble.tool{color:var(--text-dim);white-space:normal;background:#1e293b99;border:1px solid #ffffff0a;border-radius:6px;align-self:flex-start;max-width:95%;padding:.4rem .7rem;font-size:.82rem}.tool-summary{white-space:nowrap;text-overflow:ellipsis;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.78rem;overflow:hidden}.tool-result-stats{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.tool-result-stats.tool-error{color:var(--danger)}.tool-detail{margin-top:.25rem}.tool-detail summary{cursor:pointer;color:var(--accent);-webkit-user-select:none;user-select:none;font-size:.72rem}.tool-detail summary:hover{color:var(--accent-hover)}.tool-detail pre{white-space:pre-wrap;word-break:break-all;max-height:300px;color:var(--text-dim);background:#0000004d;border-radius:4px;margin-top:.3rem;padding:.5rem;font-size:.72rem;line-height:1.35;overflow:auto}.chat-bubble.thinking{color:var(--text-muted);opacity:.7;background:0 0;border:none;align-self:flex-start;max-width:95%;padding:.15rem .6rem;font-size:.82rem;font-style:italic}.chat-bubble.thinking details summary{cursor:pointer;-webkit-user-select:none;user-select:none}.chat-bubble.thinking .thinking-content{color:var(--text-dim);max-height:200px;margin-top:.3rem;font-size:.78rem;font-style:normal;line-height:1.5;overflow-y:auto}.chat-bubble pre{white-space:pre-wrap;word-break:break-all;background:#0000004d;border-radius:6px;margin:.3rem 0;padding:.5rem .7rem;font-size:.8rem;line-height:1.4;overflow-x:auto}.chat-bubble pre code{font-size:inherit;background:0 0;padding:0}.chat-bubble code{background:#00000040;border-radius:3px;padding:.1rem .35rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.84em}.chat-bubble strong{font-weight:700}.spinner{border:2px solid var(--text-muted);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.project-tabs-bar{background:var(--bg-card);padding-top:var(--safe-top);border-bottom:1px solid #ffffff0f;flex-shrink:0;min-height:44px;display:flex}.tab-back-btn{width:44px;color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;transition:background .2s;display:flex}.tab-back-btn:hover{background:var(--bg-hover)}.project-tabs-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;align-items:stretch;display:flex;overflow-x:auto}.project-tabs-scroll::-webkit-scrollbar{display:none}.project-tab{white-space:nowrap;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:color .2s,border-color .2s}.project-tab:hover{color:var(--text-dim)}.project-tab.active{color:var(--text);border-bottom-color:var(--accent)}.view-tabs-bar{background:var(--bg);border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:stretch;min-height:38px;display:flex}.view-tabs-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;align-items:stretch;display:flex;overflow-x:auto}.view-tabs-scroll::-webkit-scrollbar{display:none}.view-tab{white-space:nowrap;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.82rem;transition:color .2s,background .2s;display:flex;position:relative}.view-tab:hover{color:var(--text-dim);background:#ffffff08}.view-tab.active{color:var(--text);background:#ffffff0d}.view-tab.modified .tab-filename:after{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:.3rem;display:inline-block}.tab-close{opacity:.5;cursor:pointer;color:inherit;background:0 0;border:none;padding:0 .15rem;font-size:1rem;line-height:1}.tab-close:hover{opacity:1;color:var(--danger)}.view-bar-actions{border-left:1px solid #ffffff0f;align-items:stretch;display:flex}.view-action-btn{width:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:relative}.view-action-btn:hover{color:var(--text);background:#ffffff0d}.view-action-btn.active{color:var(--accent);background:#6366f11a}.view-action-btn svg{flex-shrink:0}.workspace-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.view-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.file-browser{background:var(--bg);z-index:50;flex-direction:column;animation:.2s ease-out slideIn;display:flex;position:absolute;inset:0}.file-browser-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:.25rem;min-height:44px;padding:.5rem;display:flex}.fb-back-btn{width:36px;height:36px;font-size:1.1rem}.file-browser-path{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:SF Mono,monospace;font-size:.82rem;overflow:hidden}.file-browser-list{-webkit-overflow-scrolling:touch;padding-bottom:var(--safe-bottom);flex:1;overflow-y:auto}.file-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:.5rem;padding:.6rem 1rem;transition:background .15s;display:flex}.file-item:hover{background:var(--bg-hover)}.file-item:active{background:var(--bg-input)}.file-icon{text-align:center;flex-shrink:0;width:24px;font-size:1rem}.file-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;overflow:hidden}.file-size{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.file-loading{text-align:center;color:var(--text-muted);padding:2rem}.editor-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-toolbar{background:var(--bg-card);border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:.5rem;min-height:36px;padding:.3rem .75rem;display:flex}.editor-filename{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-family:SF Mono,monospace;font-size:.82rem;overflow:hidden}.editor-modified-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.editor-spacer{flex:1}.editor-save-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:.25rem .75rem;font-size:.78rem;font-weight:600;transition:background .2s,color .2s}.editor-save-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.editor-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-container .cm-editor{height:100%;font-size:.85rem}.editor-container .cm-editor .cm-scroller{font-family:SF Mono,Fira Code,Cascadia Code,Courier New,monospace}.editor-fallback{color:#c0caf5;resize:none;tab-size:2;background:#1a1b26;border:none;outline:none;flex:1;width:100%;padding:.75rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.5}.settings-panel{background:var(--bg);z-index:50;flex-direction:column;animation:.2s ease-out slideIn;display:flex;position:absolute;inset:0}.settings-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.settings-header h2{font-size:1.1rem}.settings-content{-webkit-overflow-scrolling:touch;padding:1rem;padding-bottom:calc(1rem + var(--safe-bottom));flex-direction:column;flex:1;gap:1.5rem;display:flex;overflow-y:auto}.settings-section h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem;font-size:.9rem}.settings-section label{color:var(--text-dim);margin-bottom:.6rem;font-size:.85rem;display:block}.settings-section input[type=text],.settings-section select{border:1px solid var(--bg-input);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text);outline:none;margin-top:.3rem;padding:.55rem .75rem;font-size:.9rem;display:block}.settings-section input:focus,.settings-section select:focus{border-color:var(--accent)}.settings-hint{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.host-list{flex-direction:column;gap:.4rem;margin-bottom:.6rem;display:flex}.host-item{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid #ffffff0a;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.82rem;display:flex}.host-env{text-transform:uppercase;border-radius:3px;padding:.15rem .4rem;font-size:.72rem;font-weight:600}.host-env.production{color:#f87171;background:#ef444426}.host-env.staging{color:#fbbf24;background:#fbbf2426}.host-env.development{color:#4ade80;background:#22c55e26}.host-name{font-weight:500}.host-target{color:var(--text-muted);flex:1;font-family:SF Mono,monospace}.host-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:1rem}.host-delete:hover{color:var(--danger)}.host-add{flex-wrap:wrap;gap:.4rem;display:flex}.host-add input,.host-add select{border:1px solid var(--bg-input);border-radius:var(--radius-sm);background:var(--bg-input);min-width:120px;color:var(--text);outline:none;flex:1;padding:.45rem .6rem;font-size:.82rem}.chat-session-list{flex-direction:column;gap:.3rem;display:flex}.chat-session-item{background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);border:1px solid #ffffff0a;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.82rem;transition:border-color .2s;display:flex}.chat-session-item:hover{border-color:#ffffff26}.chat-session-item.active{border-color:var(--accent)}.chat-session-id{color:var(--text-dim);font-family:SF Mono,monospace}.chat-session-time{color:var(--text-muted);flex:1}.chat-session-badge{color:var(--accent);background:#6366f126;border-radius:3px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.claudemd-status{border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .7rem;font-size:.85rem;display:flex}.claudemd-status.ok{color:#4ade80;background:#22c55e1a}.claudemd-status.warn{color:#fbbf24;background:#fbbf241a}.claudemd-status.missing{color:#f87171;background:#ef44441a}.claudemd-icon{font-size:1rem}.claudemd-deploy-section{margin-top:.3rem}.claudemd-deploy-section summary{cursor:pointer;color:var(--accent);-webkit-user-select:none;user-select:none;font-size:.82rem}.claudemd-deploy-section pre{white-space:pre-wrap;max-height:200px;color:var(--text-dim);background:#0000004d;border-radius:4px;margin-top:.3rem;padding:.5rem;font-size:.75rem;line-height:1.4;overflow:auto}.danger-zone{border-top:1px solid #ef444433;padding-top:1rem}.btn-danger{border-radius:var(--radius-sm);color:var(--danger);cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;transition:background .2s}.btn-danger:hover{background:#ef444440}@media (min-width:768px){.session-list{width:100%;max-width:600px;margin:0 auto}.modal{border-radius:var(--radius);margin-bottom:2rem}.modal-overlay{align-items:center}.chat-bubble{max-width:70%}.notes-panel{max-width:400px}}