:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-sidebar: #333333;--text-primary: #ffffff;--text-secondary: #999999;--text-muted: #666666;--accent: #007acc;--border: #3c3c3c;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--font-mono: "Cascadia Code", "Fira Code", monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn:hover{background-color:var(--bg-sidebar);border-color:var(--accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background-color:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background-color:#005a9e}.panel{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:var(--space-sm)}.panel__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.panel__title{font-weight:600}.tabs{display:flex;gap:2px;background-color:var(--bg-primary);padding:var(--space-xs);border-radius:4px}.tab{flex:1;padding:var(--space-xs) var(--space-sm);border:none;border-radius:3px;background-color:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.tab:hover,.tab--active{color:var(--text-primary);background-color:var(--bg-secondary)}.activity-bar{display:flex;flex-direction:column;align-items:center;padding:var(--space-xs) 0;gap:var(--space-xs)}.activity-bar__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background-color .15s ease}.activity-bar__icon:hover{color:var(--text-primary);background-color:var(--bg-primary)}.activity-bar__icon--active{color:var(--text-primary);border-left:2px solid var(--accent);background-color:var(--bg-primary)}.activity-bar__icon svg,.activity-bar__icon sl-icon{width:24px;height:24px}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-sm);background-color:var(--accent);font-size:12px;color:#fff;gap:var(--space-md)}.status-bar__left,.status-bar__right{display:flex;align-items:center;gap:var(--space-md)}.status-bar__item{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer}.status-bar__item:hover{background-color:#ffffff1a;padding:0 var(--space-xs);margin:0 calc(-1 * var(--space-xs));border-radius:2px}.file-tree-item{border-radius:3px;padding-top:2px;padding-bottom:2px;padding-right:8px;user-select:none;transition:background-color .08s ease}.file-tree-item:hover{background-color:#ffffff0f}.file-tree-item--selected{background-color:#ffffff1f}.file-tree-item--selected:hover{background-color:#ffffff29}.file-tree-item--dragging{opacity:.4}.file-tree-item--drag-over{background-color:#0078d440!important;outline:1px solid rgba(0,120,212,.7);outline-offset:-1px}.panel-content--drag-root{background-color:#0078d414;outline:1px dashed rgba(0,120,212,.5);outline-offset:-2px}:root{--sl-color-primary-50: #e6f2ff;--sl-color-primary-100: #b3d9ff;--sl-color-primary-200: #80bfff;--sl-color-primary-300: #4da6ff;--sl-color-primary-400: #1a8cff;--sl-color-primary-500: var(--accent);--sl-color-primary-600: #005a9e;--sl-color-primary-700: #004475;--sl-color-primary-800: #002e4d;--sl-color-primary-900: #001724;--sl-color-primary-950: #000a12}sl-button::part(base){background-color:var(--bg-secondary);border-color:var(--border);color:var(--text-primary);font-family:var(--font-mono)}sl-button[variant=primary]::part(base){background-color:var(--accent);border-color:var(--accent);color:#fff}sl-button::part(base):hover{background-color:var(--bg-sidebar);border-color:var(--accent)}sl-input::part(base),sl-textarea::part(base){background-color:var(--bg-primary);border-color:var(--border);color:var(--text-primary)}sl-input::part(input),sl-textarea::part(input){font-family:var(--font-mono);color:var(--text-primary)}sl-input::part(base):hover,sl-textarea::part(base):hover{border-color:var(--accent)}sl-panel::part(base){background-color:var(--bg-secondary);border-color:var(--border)}sl-tab-group::part(base){background-color:var(--bg-primary)}sl-tab::part(base){color:var(--text-secondary);font-family:var(--font-mono)}sl-tab[active]::part(base){color:var(--text-primary);border-color:var(--accent)}sl-tab-panel::part(base){background-color:var(--bg-secondary)}.settings-grid{display:grid;grid-template-columns:auto 1fr;gap:14px 20px;align-items:center;padding-bottom:4px}.settings-grid label{color:var(--text-primary);font-family:var(--font-mono);font-size:13px;white-space:nowrap}.settings-version{margin:12px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--text-muted, #555);text-align:right}