:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, Consolas, monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #00000026;--shadow-xl:0 12px 40px #00000040;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--color-bg-primary:#f8f9fa;--color-bg-secondary:#fff;--color-bg-tertiary:#f0f1f3;--color-bg-hover:#e8eaed;--color-bg-active:#e0e2e6;--color-bg-input:#fff;--color-bg-tooltip:#1a1b1e;--color-fg-primary:#1a1b1e;--color-fg-secondary:#6b7280;--color-fg-tertiary:#9ca3af;--color-fg-inverse:#fff;--color-border-primary:#e2e4e8;--color-border-secondary:#e8eaed;--color-border-focus:#6366f1;--color-accent:#6366f1;--color-accent-hover:#4f46e8;--color-accent-soft:#6366f11a;--color-accent-border:#6366f14d;--color-success:#22c55e;--color-success-soft:#22c55e1a;--color-warning:#f59e0b;--color-warning-soft:#f59e0b1a;--color-error:#ef4444;--color-error-soft:#ef44441a;--color-info:#3b82f6;--color-info-soft:#3b82f61a;--color-chat-user-bg:#eef2ff;--color-chat-user-text:#1a1b1e;--color-chat-ai-bg:#fff;--color-chat-ai-border:#e2e4e8}[data-theme=dark]{--color-bg-primary:#0f0f11;--color-bg-secondary:#1a1b1e;--color-bg-tertiary:#25262b;--color-bg-hover:#2e2f36;--color-bg-active:#36373e;--color-bg-input:#1a1b1e;--color-bg-tooltip:#e4e5e7;--color-fg-primary:#e4e5e7;--color-fg-secondary:#9ca1aa;--color-fg-tertiary:#6b7280;--color-fg-inverse:#1a1b1e;--color-border-primary:#2e2f36;--color-border-secondary:#25262b;--color-border-focus:#818cf8;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-accent-soft:#818cf81f;--color-accent-border:#818cf84d;--color-success-soft:#22c55e26;--color-warning-soft:#f59e0b26;--color-error-soft:#ef444426;--color-info-soft:#3b82f626;--color-chat-user-bg:#1e1f2b;--color-chat-user-text:#e4e5e7;--color-chat-ai-bg:#1a1b1e;--color-chat-ai-border:#2e2f36}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);color:var(--color-fg-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-normal), color var(--transition-normal);font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-fg-tertiary)}::selection{background:var(--color-accent-soft);color:var(--color-fg-primary)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.app-container{width:100vw;height:100vh;transition:background var(--transition-normal), color var(--transition-normal);flex-direction:column;display:flex}.navbar{height:48px;min-height:48px;padding:0 var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;justify-content:space-between;align-items:center;display:flex}.navbar-logo{align-items:center;gap:var(--space-2);letter-spacing:-.3px;color:var(--color-fg-primary);-webkit-app-region:no-drag;font-size:15px;font-weight:700;display:flex}.navbar-logo svg{color:var(--color-accent)}.navbar-controls{align-items:center;gap:var(--space-1);-webkit-app-region:no-drag;display:flex}.btn{font-size:12px;font-weight:500;font-family:var(--font-sans);color:var(--color-fg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.btn:hover{color:var(--color-fg-primary);background:var(--color-bg-hover);border-color:var(--color-border-primary)}.btn:active{background:var(--color-bg-active)}.btn-active{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-soft)}.btn-active:hover{background:var(--color-accent-soft);color:var(--color-accent-hover)}.btn-icon{border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;color:var(--color-fg-secondary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{color:var(--color-fg-primary);background:var(--color-bg-hover);border-color:var(--color-border-primary)}.btn-icon:active{background:var(--color-bg-active)}.user-menu{position:relative}.user-menu-btn{border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;color:var(--color-fg-secondary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.user-menu-btn:hover{color:var(--color-fg-primary);background:var(--color-bg-hover);border-color:var(--color-border-primary)}.user-menu-avatar{width:24px;height:24px;font-family:var(--font-mono);background:var(--color-accent-soft);color:var(--color-accent);border:1px solid var(--color-accent-border);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.user-menu-spinner{opacity:.4;border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.user-balance{font-family:var(--font-mono);background:var(--color-accent-soft);color:var(--color-accent);border:1px solid var(--color-accent-border);border-radius:999px;align-items:center;gap:1px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.user-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);width:200px;box-shadow:var(--shadow-xl);z-index:10000;padding:6px;animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-loading{justify-content:center;align-items:center;padding:20px 0;display:flex}.user-dropdown-info{border-bottom:1px solid var(--color-border-secondary);margin-bottom:4px;padding:10px 12px}.user-dropdown-name{color:var(--color-fg-primary);margin:0 0 2px;font-size:13px;font-weight:500}.user-dropdown-email{font-size:11px;font-family:var(--font-mono);color:var(--color-fg-tertiary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.user-dropdown-item{text-align:left;border-radius:var(--radius-md);width:100%;font-size:12px;font-family:var(--font-sans);color:var(--color-fg-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:8px 12px;text-decoration:none;display:block}.user-dropdown-item:hover{color:var(--color-fg-primary);background:var(--color-bg-hover)}.user-dropdown-signout{color:var(--color-fg-tertiary)}.user-dropdown-signout:hover{color:var(--color-error)}.user-dropdown-divider{background:var(--color-border-secondary);height:1px;margin:4px 0}.main-layout{flex:1;overflow:hidden}.split-wrapper{flex-direction:row;width:100%;height:100%;display:flex}.pane-left{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-primary);width:260px;min-width:180px;overflow:auto}.pane-right{background:var(--color-bg-primary);flex:1;overflow:hidden}.gutter{background:var(--color-border-secondary);transition:background var(--transition-fast);background-position:50%;background-repeat:no-repeat;position:relative}.gutter.gutter-horizontal{cursor:col-resize;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwUuF0akigjS7I909MLBAwBthSJZj96btAAAAABJRU5ErkJggg==);width:5px!important}.gutter:hover{background-color:var(--color-accent)!important}.rnd-dialog{z-index:1000;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;display:flex;overflow:hidden}.rnd-dialog .handle{padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);cursor:move;border-bottom:1px solid var(--color-border-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.rnd-dialog .handle-title{color:var(--color-fg-secondary);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:var(--space-2);font-size:11px;font-weight:600;display:flex}.dialog-inner{flex-direction:column;height:100%;display:flex}.debug-window{border-color:var(--color-border-primary)!important}.debug-content{padding:var(--space-3);font-size:12px;font-family:var(--font-mono);flex:1;overflow-y:auto}.debug-content::-webkit-scrollbar{width:4px}.debug-entry{margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border-left:3px solid #0000;font-size:11px;animation:.2s ease-out fadeIn}.debug-entry-time{color:var(--color-fg-tertiary);margin-bottom:2px;font-size:10px}.debug-entry-content{white-space:pre-wrap;word-break:break-all;color:var(--color-fg-primary)}.debug-entry.log{border-left-color:var(--color-success)}.debug-entry.warn{border-left-color:var(--color-warning)}.debug-entry.error{border-left-color:var(--color-error)}.debug-entry.info{border-left-color:var(--color-info)}.file-system-container{padding:var(--space-2) 0}.file-system-header{padding:var(--space-2) var(--space-4) var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.file-system-title{color:var(--color-fg-tertiary);letter-spacing:.8px;text-transform:uppercase;flex:1;font-size:11px;font-weight:600}.file-item{height:30px;padding:0 var(--space-2);cursor:pointer;color:var(--color-fg-secondary);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border-radius:0;align-items:center;font-size:13px;display:flex;position:relative}.file-item:hover{background:var(--color-bg-hover);color:var(--color-fg-primary)}.file-item.active{color:var(--color-accent);background:var(--color-accent-soft)!important}.file-item.active:before{content:"";background:var(--color-accent);width:2px;position:absolute;top:0;bottom:0;left:0}.file-item-icon{width:20px;color:var(--color-fg-tertiary);transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.file-item-icon.expanded{transform:rotate(90deg)}.file-item-type{margin-right:var(--space-2);flex-shrink:0;align-items:center;display:flex}.file-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.file-item.drag-over{outline:1px solid var(--color-accent);outline-offset:-1px;border-radius:var(--radius-sm);background:var(--color-accent-soft)!important}.file-item[draggable=true]{cursor:grab}.file-item[draggable=true]:active{cursor:grabbing;opacity:.6}.editor-container{flex-direction:column;height:100%;display:flex;position:relative}.editor-toolbar{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-tertiary);justify-content:space-between;align-items:center;min-height:40px;display:flex}.editor-toolbar-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.editor-filename{color:var(--color-fg-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.editor-badge{border-radius:var(--radius-sm);padding:1px 6px;font-size:11px;font-weight:500}.editor-badge-dirty{color:var(--color-warning);background:var(--color-warning-soft)}.editor-badge-saving{color:var(--color-info);background:var(--color-info-soft)}.editor-badge-saved{color:var(--color-success);background:var(--color-success-soft)}.editor-body{flex:1;position:relative;overflow:hidden}.editor-textarea{width:100%;height:100%;color:inherit;resize:none;z-index:2;font-family:var(--font-mono);padding:var(--space-5);tab-size:2;background:0 0;border:none;outline:none;font-size:15px;line-height:1.7;position:relative}.editor-highlight-layer{pointer-events:none;white-space:pre;color:#0000;z-index:1;font-family:var(--font-mono);padding:var(--space-5);font-size:15px;line-height:1.7;position:absolute;inset:0}.editor-line-numbers{font-family:var(--font-mono);text-align:right;-webkit-user-select:none;user-select:none;background:var(--color-bg-primary);border-right:1px solid var(--color-border-primary);z-index:3;flex-shrink:0;min-width:44px;padding-right:12px;font-size:15px;line-height:1.7;position:relative;overflow:hidden}.editor-line-number{height:1.7em;color:var(--color-fg-tertiary);font-variant-numeric:tabular-nums;padding:0 4px}.editor-line-number.modified{font-weight:600;color:var(--color-success)!important}.editor-body .editor-textarea{flex:1}.editor-placeholder{height:100%;color:var(--color-fg-tertiary);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;font-size:14px;display:flex}.editor-placeholder svg{opacity:.3}.chat-container{background:var(--color-bg-secondary);border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-header{padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;display:flex}.chat-header-left{align-items:center;gap:var(--space-3);display:flex}.chat-header-title{color:var(--color-fg-primary);align-items:center;gap:var(--space-2);font-size:13px;font-weight:600;display:flex}.chat-current-dir{color:var(--color-fg-secondary);background:var(--color-bg-hover);border-radius:3px;margin-left:2px;padding:1px 6px;font-family:monospace;font-size:11px;font-weight:400}.chat-header-controls{align-items:center;gap:var(--space-3);display:flex}.chat-slider-label{color:var(--color-fg-tertiary);white-space:nowrap;align-items:center;gap:var(--space-1);font-size:11px;display:flex}.chat-slider-label b{color:var(--color-accent)}.chat-slider{-webkit-appearance:none;background:var(--color-border-primary);cursor:pointer;width:70px;height:3px;transition:background var(--transition-fast);border-radius:2px;outline:none}.chat-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg-secondary);width:12px;height:12px;box-shadow:var(--shadow-sm);border-radius:50%}.chat-slider:hover{background:var(--color-fg-tertiary)}.chat-close-btn{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;color:var(--color-fg-tertiary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-close-btn:hover{color:var(--color-fg-primary);background:var(--color-bg-hover)}.chat-messages{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-message-row{margin-bottom:var(--space-3);flex-direction:column;animation:.25s ease-out messageSlide;display:flex}.chat-message-row.user{align-items:flex-end}.chat-message-row.ai{align-items:flex-start}.chat-bubble{border-radius:var(--radius-md);max-width:85%;transition:background var(--transition-normal);padding:10px 14px;font-size:13px;line-height:1.6;position:relative}.chat-bubble.user{background:var(--color-chat-user-bg);color:var(--color-chat-user-text);border-bottom-right-radius:var(--radius-sm)}.chat-bubble.ai{background:var(--color-chat-ai-bg);border:1px solid var(--color-chat-ai-border);border-bottom-left-radius:var(--radius-sm)}.chat-bubble-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600}.chat-bubble-label.user{color:var(--color-accent)}.chat-bubble-label.ai{color:var(--color-success)}.chat-bubble-content{white-space:pre-wrap;word-break:break-word}.chat-typing{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--color-fg-tertiary);font-size:12px;font-style:italic;display:flex}.chat-typing-dots{gap:3px;display:flex}.chat-typing-dot{background:var(--color-fg-tertiary);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite typingBounce}.chat-typing-dot:first-child{animation-delay:0s}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}.chat-input-form{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary);display:flex}.chat-input-icon{cursor:pointer;transition:color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-input-icon.send{color:var(--color-accent)}.chat-input-icon.send:hover{color:var(--color-accent-hover)}.chat-input-icon.stop{color:var(--color-error)}.chat-input{color:var(--color-fg-primary);font-size:13px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.chat-input::placeholder{color:var(--color-fg-tertiary)}@keyframes line-fade{0%{background-color:var(--color-accent-soft)}to{background-color:#0000}}.line-highlight-item{width:100%;height:1.7em;animation:3s ease-out forwards line-fade}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning-icon{animation:1s linear infinite spin;display:inline-block}.context-menu-backdrop{z-index:99999;position:fixed;inset:0}.context-menu{z-index:100000;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;padding:var(--space-1);animation:.1s ease-out fadeIn;position:fixed}.context-menu-item{align-items:center;gap:var(--space-3);color:var(--color-fg-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;text-align:left;width:100%;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;padding:7px 12px;display:flex}.context-menu-item:hover{background:var(--color-bg-hover)}.context-menu-item:active{background:var(--color-bg-active)}.context-menu-item svg{color:var(--color-fg-tertiary);flex-shrink:0}.context-menu-item.danger,.context-menu-item.danger svg{color:var(--color-error)}.context-menu-item.danger:hover{background:var(--color-error-soft)}.context-menu-divider{background:var(--color-border-primary);height:1px;margin:var(--space-1) var(--space-2)}.file-item.selected{background:var(--color-accent-soft)!important}.file-item.selected:before{content:"";background:var(--color-accent);width:2px;position:absolute;top:0;bottom:0;left:0}.file-item-checkbox{width:18px;height:18px;margin-right:var(--space-1);color:var(--color-fg-tertiary);transition:all var(--transition-fast);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-item:hover .file-item-checkbox{color:var(--color-fg-primary)}.selection-toolbar{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-primary);color:var(--color-fg-secondary);font-size:11px;display:flex}.selection-count{flex:1;font-weight:500}.selection-actions{align-items:center;gap:var(--space-1);display:flex}.selection-actions .btn-icon{width:26px;height:26px}.file-upload-input{display:none}.bottom-toolbar{height:32px;min-height:32px;padding:0 var(--space-3);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.bottom-toolbar-left,.bottom-toolbar-right{align-items:center;gap:var(--space-2);display:flex}.bottom-toolbar-status{color:var(--color-fg-tertiary);font-size:11px}.btn-sm{height:24px;padding:2px 10px;font-size:11px}.right-pane-inner{flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-section{min-height:100px;overflow:hidden}.chat-section{background:var(--color-bg-secondary);border-top:none;min-height:150px;overflow:hidden}.chat-divider{cursor:row-resize;background:var(--color-border-secondary);height:5px;transition:background var(--transition-fast);flex-shrink:0;position:relative}.chat-divider:hover,.chat-divider:active{background:var(--color-accent)!important}.chat-divider:after{content:"";background:var(--color-fg-tertiary);opacity:.3;border-radius:2px;width:30px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-maximized{flex-direction:column;height:100%;display:flex}.chat-header-docked{padding-left:var(--space-2)}.chat-drag-handle{cursor:grab;width:24px;height:24px;color:var(--color-fg-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-drag-handle:hover{color:var(--color-fg-primary);background:var(--color-bg-hover)}.chat-drag-handle:active{cursor:grabbing}.chat-header-btn{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;color:var(--color-fg-tertiary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-header-btn:hover{color:var(--color-fg-primary);background:var(--color-bg-hover)}.debug-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.debug-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);width:900px;max-width:95vw;height:620px;max-height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.debug-modal-header{padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.debug-modal-title{color:var(--color-fg-primary);align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;display:flex}.debug-modal-title svg{color:var(--color-accent)}.debug-log-count{color:var(--color-fg-tertiary);margin-left:2px;font-size:11px;font-weight:400}.debug-modal-header-actions{align-items:center;gap:var(--space-1);display:flex}.debug-btn{border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;color:var(--color-fg-tertiary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.debug-btn:hover{color:var(--color-fg-primary);background:var(--color-bg-hover);border-color:var(--color-border-primary)}.debug-close-btn:hover{color:var(--color-error)}.debug-modal-body{flex:1;display:flex;overflow:hidden}.debug-log-list{border-right:1px solid var(--color-border-primary);background:var(--color-bg-primary);width:280px;min-width:200px;overflow-y:auto}.debug-log-list::-webkit-scrollbar{width:4px}.debug-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-fg-tertiary);font-size:13px;line-height:1.6}.debug-log-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:1px solid var(--color-border-secondary);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:12px;display:flex}.debug-log-item:hover{background:var(--color-bg-hover)}.debug-log-item.active{background:var(--color-accent-soft);color:var(--color-accent)}.debug-log-item-loop{color:var(--color-accent);flex-shrink:0;min-width:30px;font-size:11px;font-weight:600}.debug-log-item.active .debug-log-item-loop{color:var(--color-accent)}.debug-log-item-reply{white-space:nowrap;text-overflow:ellipsis;color:var(--color-fg-secondary);flex:1;font-size:11px;overflow:hidden}.debug-log-item.active .debug-log-item-reply{color:var(--color-fg-primary)}.debug-log-item-time{color:var(--color-fg-tertiary);flex-shrink:0;font-size:10px}.debug-log-detail{padding:var(--space-4);background:var(--color-bg-secondary);flex:1;overflow-y:auto}.debug-log-detail::-webkit-scrollbar{width:5px}.debug-detail-content{gap:var(--space-3);flex-direction:column;display:flex}.debug-section{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-3)}.debug-section-header{color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-secondary);font-size:11px;font-weight:600;display:flex}.debug-kv{align-items:baseline;gap:var(--space-2);margin-bottom:4px;font-size:12px;line-height:1.5;display:flex}.debug-kv-key{color:var(--color-fg-tertiary);flex-shrink:0;min-width:70px}.debug-kv-val{color:var(--color-fg-primary);word-break:break-all}.debug-kv-val.cmd{font-family:var(--font-mono);color:var(--color-accent);font-size:11px}.debug-kv-val.mem{font-family:var(--font-mono);color:var(--color-info);font-size:11px}.debug-pre{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);color:var(--color-fg-primary);white-space:pre-wrap;word-break:break-word;max-height:120px;margin:0;font-size:11px;line-height:1.5;overflow-y:auto}.debug-pre-scroll{max-height:100px;overflow-y:auto}.debug-subsection{margin-bottom:var(--space-2)}.debug-subsection-label{color:var(--color-fg-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:600}.debug-na{color:var(--color-fg-tertiary);padding:var(--space-1) 0;font-size:12px;font-style:italic}.settings-overlay{z-index:10000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--space-2);width:400px;max-width:90vw;box-shadow:0 8px 32px #00000080}.settings-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;display:flex}.settings-title{color:var(--color-fg-primary);align-items:center;gap:var(--space-2);font-size:13px;font-weight:600;display:flex}.settings-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.settings-label{color:var(--color-fg-secondary);font-size:12px;font-weight:500}.settings-input{background:var(--color-bg-input);border:1px solid var(--color-border-primary);color:var(--color-fg-primary);padding:var(--space-2) var(--space-3);border-radius:4px;outline:none;font-family:monospace;font-size:12px}.settings-input:focus{border-color:var(--color-accent)}.settings-info{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.settings-link{color:var(--color-accent);font-size:12px;text-decoration:none}.settings-link:hover{text-decoration:underline}.settings-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-primary);justify-content:flex-end;display:flex}.settings-btn{border:1px solid var(--color-border-primary);padding:var(--space-2) var(--space-5);cursor:pointer;background:var(--color-bg-tertiary);color:var(--color-fg-primary);border-radius:4px;font-size:12px}.settings-btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}