:root{--purple: #8b5cf6;--purple-strong: #7c3aed;--purple-text: #a78bfa;--sea: #14b8a6;--sea-soft: #2dd4bf;--sky: #38bdf8;--sky-soft: #7dd3fc;--bg-canvas: #050816;--bg-secondary: #0f172a;--surface: #111827;--card: #1e293b;--card-raised: #263244;--border: #334155;--border-strong: #475569;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #7b8ba3;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--error-text: #f87171;--info: #38bdf8;--purple-glow: rgba(139, 92, 246, .35);--sea-glow: rgba(20, 184, 166, .25);--grad-brand: linear-gradient(135deg, #8b5cf6 0%, #6d5cf6 45%, #38bdf8 100%);--glass: rgba(17, 24, 39, .66);--glass-border: rgba(148, 163, 184, .16);--font-display: "Sora", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--r-card: 8px;--r-btn: 6px;--r-input: 4px;--shadow-1: 0 1px 2px rgba(5, 8, 22, .4), 0 4px 12px rgba(5, 8, 22, .35);--shadow-2: 0 8px 32px rgba(5, 8, 22, .5);--shadow-3: 0 16px 64px rgba(5, 8, 22, .6);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .15s;--accent: var(--purple);--accent-strong: var(--purple-strong);--accent-text: var(--purple-text);--accent-dim: color-mix(in srgb, var(--purple) 16%, transparent);--bg-card: var(--card);--bg-tertiary: var(--card-raised);--bg-input: var(--card);--border-color: var(--border);--success-dim: color-mix(in srgb, var(--success) 15%, transparent);--warning-dim: color-mix(in srgb, var(--warning) 15%, transparent);--error-dim: color-mix(in srgb, var(--error) 15%, transparent);--info-dim: color-mix(in srgb, var(--info) 15%, transparent);--sidebar-w: 380px;--ed-line-height: 21px;--ed-font-size: 14px;--ed-gutter-w: 56px;--ed-minimap-w: 100px}[data-theme=midnight]{--bg-canvas: #000000;--bg-secondary: #05060a;--surface: #0a0c12;--card: #0e1018;--card-raised: #131722;--border: #1f2433;--border-strong: #2b3145}[data-theme=emerald]{--purple: #10b981;--purple-strong: #059669;--purple-text: #34d399;--purple-glow: rgba(16, 185, 129, .35);--grad-brand: linear-gradient(135deg, #10b981 0%, #059669 45%, #38bdf8 100%)}[data-theme=sky]{--purple: #38bdf8;--purple-strong: #0ea5e9;--purple-text: #7dd3fc;--purple-glow: rgba(56, 189, 248, .35);--grad-brand: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 45%, #8b5cf6 100%)}[data-theme=ocean]{--purple: #2dd4bf;--purple-strong: #14b8a6;--purple-text: #5eead4;--purple-glow: rgba(45, 212, 191, .35);--grad-brand: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 45%, #38bdf8 100%)}[data-theme=royal]{--bg-canvas: #0b0716;--bg-secondary: #140d26;--surface: #191032;--card: #1f1440;--card-raised: #2a1b55;--purple: #c084fc;--purple-strong: #a855f7;--purple-text: #d8b4fe;--purple-glow: rgba(168, 85, 247, .4);--grad-brand: linear-gradient(135deg, #c084fc 0%, #8b5cf6 45%, #6366f1 100%)}[data-theme=amber]{--purple: #f59e0b;--purple-strong: #d97706;--purple-text: #fbbf24;--purple-glow: rgba(245, 158, 11, .35);--grad-brand: linear-gradient(135deg, #f59e0b 0%, #d97706 45%, #ef4444 100%)}[data-theme=rose]{--purple: #f43f5e;--purple-strong: #e11d48;--purple-text: #fb7185;--purple-glow: rgba(244, 63, 94, .35);--grad-brand: linear-gradient(135deg, #f43f5e 0%, #e11d48 45%, #8b5cf6 100%)}[data-theme=sunset]{--purple: #fb7185;--purple-strong: #f43f5e;--purple-text: #fda4af;--purple-glow: rgba(251, 113, 133, .35);--grad-brand: linear-gradient(135deg, #f43f5e 0%, #f97316 45%, #f59e0b 100%)}[data-theme=forest]{--purple: #34d399;--purple-strong: #10b981;--purple-text: #6ee7b7;--purple-glow: rgba(52, 211, 153, .32);--grad-brand: linear-gradient(135deg, #10b981 0%, #059669 45%, #84cc16 100%)}[data-theme=grape]{--purple: #a78bfa;--purple-strong: #8b5cf6;--purple-text: #c4b5fd;--purple-glow: rgba(167, 139, 250, .35);--grad-brand: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 45%, #ec4899 100%)}[data-theme=mono]{--bg-canvas: #0a0a0c;--bg-secondary: #101014;--surface: #14141a;--card: #1a1a22;--card-raised: #242430;--border: #2a2a36;--border-strong: #3a3a48;--purple: #e2e8f0;--purple-strong: #cbd5e1;--purple-text: #f1f5f9;--purple-glow: rgba(226, 232, 240, .2);--grad-brand: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 45%, #94a3b8 100%)}[data-theme=system]{--bg-canvas: #0b0d12;--bg-secondary: #14161d;--surface: #1c1e26;--card: #24262f;--card-raised: #2d3039;--border: #33363f;--border-strong: #454852;--text-primary: #f2f2f7;--text-secondary: #c7c7cc;--text-muted: #98989d;--purple: #0a84ff;--purple-strong: #007aff;--purple-text: #64d2ff;--purple-glow: rgba(10, 132, 255, .3);--grad-brand: linear-gradient(135deg, #0a84ff 0%, #5e5ce6 45%, #64d2ff 100%)}@media (prefers-color-scheme: light){[data-theme=system]{--bg-canvas: #f5f5f7;--bg-secondary: #eaeaea;--surface: #ffffff;--card: #ffffff;--card-raised: #f2f2f5;--border: #d2d2d7;--border-strong: #b8b8bf;--text-primary: #1d1d1f;--text-secondary: #3a3a3c;--text-muted: #6e6e73;--text-disabled: #98989d;--purple: #007aff;--purple-strong: #0066d6;--purple-text: #0a6fd8;--purple-glow: rgba(0, 122, 255, .25);--grad-brand: linear-gradient(135deg, #007aff 0%, #5e5ce6 45%, #32ade6 100%);--glass: rgba(255, 255, 255, .72);--glass-border: rgba(0, 0, 0, .08);--shadow-1: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .05);--shadow-2: 0 8px 32px rgba(0, 0, 0, .1);--shadow-3: 0 16px 64px rgba(0, 0, 0, .14)}}[data-theme=light]{--bg-canvas: #f5f5f7;--bg-secondary: #eaeaea;--surface: #ffffff;--card: #ffffff;--card-raised: #f2f2f5;--border: #d2d2d7;--border-strong: #b8b8bf;--text-primary: #1d1d1f;--text-secondary: #3a3a3c;--text-muted: #6e6e73;--text-disabled: #98989d;--success: #28a745;--warning: #bf8b0e;--error: #dc3545;--error-text: #b02a37;--purple: #7c3aed;--purple-strong: #6d28d9;--purple-text: #6d28d9;--purple-glow: rgba(124, 58, 237, .22);--grad-brand: linear-gradient(135deg, #7c3aed 0%, #6d28d9 45%, #0284c7 100%);--glass: rgba(255, 255, 255, .72);--glass-border: rgba(0, 0, 0, .08);--shadow-1: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .05);--shadow-2: 0 8px 32px rgba(0, 0, 0, .1);--shadow-3: 0 16px 64px rgba(0, 0, 0, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em}code,pre,kbd,textarea,input{font-family:var(--font-mono)}::selection{background:#8b5cf666;color:#fff}:focus-visible{outline:2px solid var(--purple);outline-offset:1px}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:var(--font-body);color:var(--text-primary);background:#0f172acc;border:1px solid var(--border);border-radius:var(--r-input);padding:7px 10px;font-size:13px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-glow)}input::placeholder,textarea::placeholder{color:var(--text-disabled)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#94a3b866;background-clip:content-box}.ide{display:flex;flex-direction:column;height:100vh;background:var(--bg-canvas);color:var(--text-primary)}.ide__body{display:flex;flex:1;min-height:0}.ide__main{display:flex;flex-direction:column;flex:1;min-width:0}.ide__editor-row{display:flex;flex:1;min-height:0}.topbar{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;background:var(--glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--glass-border);flex:none;z-index:20}.topbar__brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:-.01em;white-space:nowrap}.topbar__brand .dot{width:9px;height:9px;border-radius:50%;background:var(--grad-brand);box-shadow:0 0 10px var(--purple-glow)}.topbar__project{display:flex;align-items:center;gap:6px}.topbar__project select{padding:5px 8px;font-size:12.5px;max-width:200px;background:var(--card)}.topbar__search{flex:1;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:#0f172ab3;border:1px solid var(--border);color:var(--text-muted);font-size:12.5px;cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.topbar__search:hover{border-color:var(--purple);color:var(--text-secondary)}.topbar__search kbd{margin-left:auto;font-size:10px;border:1px solid var(--border);border-radius:4px;padding:1px 6px;background:transparent}.topbar__actions{display:flex;align-items:center;gap:6px;margin-left:auto}.topbar__user{display:flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:12px;color:var(--text-secondary);transition:border-color var(--dur) var(--ease)}.topbar__user:hover{border-color:var(--purple)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-btn);color:var(--text-muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease);flex:none}.icon-btn:hover{background:#8b5cf61f;color:var(--text-primary)}.icon-btn.active{color:var(--purple-text);background:#8b5cf624}.activitybar{display:flex;flex-direction:column;align-items:center;width:48px;padding:6px 0;gap:2px;background:var(--bg-secondary);border-right:1px solid var(--border);flex:none;overflow-y:auto;scrollbar-width:none}.activitybar::-webkit-scrollbar{display:none}.activitybar__btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-btn);color:var(--text-muted);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.activitybar__btn:hover{color:var(--text-primary)}.activitybar__btn.active{color:var(--purple-text)}.activitybar__btn.active:before{content:"";position:absolute;left:-4px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--grad-brand)}.activitybar__spacer{flex:1}.activitybar__badge{position:absolute;top:5px;right:5px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:var(--purple);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.sidebar{position:relative;display:flex;flex-direction:column;width:var(--sidebar-w);min-width:280px;max-width:720px;background:var(--bg-secondary);border-right:1px solid var(--border);overflow:hidden}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;flex:none}.sidebar__title{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 16px;min-height:0}.sidebar__resizer{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:10;background:transparent;transition:background var(--dur) var(--ease)}.sidebar__resizer:hover,.sidebar__resizer.active{background:var(--purple);opacity:.7}.sidebar__resizer:focus-visible{outline:2px solid var(--purple);outline-offset:0}.panel-section{margin-bottom:14px}.panel-section__title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 6px 6px}.panel-note{font-size:12px;color:var(--text-muted);line-height:1.55;padding:6px}.panel-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 12px;text-align:center;color:var(--text-muted);font-size:12.5px}.panel-empty svg{opacity:.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:500;font-size:12.5px;line-height:1;padding:8px 14px;border-radius:var(--r-btn);border:1px solid transparent;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);white-space:nowrap}.btn:active{transform:scale(.98)}.btn--primary{background:var(--grad-brand);color:#fff;box-shadow:0 4px 16px var(--purple-glow)}.btn--primary:hover{box-shadow:0 6px 22px var(--purple-glow);color:#fff}.btn--secondary{background:#8b5cf61f;color:var(--purple-text);border-color:#8b5cf666}.btn--secondary:hover{background:#8b5cf633}.btn--ghost{background:var(--card);color:var(--text-secondary);border-color:var(--border)}.btn--ghost:hover{border-color:var(--border-strong);color:var(--text-primary)}.btn--danger{background:#ef44441f;color:var(--error-text);border-color:#ef444466}.btn--danger:hover{background:#ef444433}.btn--sm{padding:5px 10px;font-size:11.5px}.btn--block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-secondary);background:#0f172ab3;border:1px solid var(--border);padding:2px 8px;border-radius:999px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.field label{font-size:11.5px;font-weight:500;color:var(--text-secondary)}.field input,.field textarea,.field select{width:100%}.field textarea{resize:vertical;min-height:60px}.explorer__filter{width:100%;margin-bottom:8px;font-size:12px;padding:6px 9px}.tree{font-size:13px;-webkit-user-select:none;user-select:none}.tree__row{display:flex;align-items:center;gap:6px;width:100%;padding:3px 6px;border-radius:var(--r-input);color:var(--text-secondary);cursor:pointer;text-align:left;font-size:12.5px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.tree__row:hover{background:#8b5cf614;color:var(--text-primary)}.tree__row.active{background:#8b5cf629;color:var(--text-primary)}.tree__row .chev{flex:none;color:var(--text-muted);transition:transform var(--dur) var(--ease)}.tree__row .chev.open{transform:rotate(90deg)}.tree__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;border-radius:3px;color:#fff}.tree__input{flex:1;padding:2px 6px;font-size:12px;min-width:0}.ft-py{background:#3572a5}.ft-ts,.ft-tsx{background:#3178c6}.ft-js,.ft-jsx{background:#f7df1e;color:#1a1a00}.ft-json{background:#cbcb41;color:#232300}.ft-md{background:#519aba}.ft-html{background:#e37933}.ft-css{background:#563d7c}.ft-py-default{background:#8b5cf6}.ft-folder{background:transparent;color:var(--purple-text)}.ft-gitkeep{background:#6e7681}.tabs{display:flex;align-items:stretch;height:36px;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;flex:none;scrollbar-width:thin}.tab{display:flex;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;color:var(--text-muted);border-right:1px solid var(--border);background:transparent;cursor:pointer;white-space:nowrap;max-width:220px;position:relative;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);background:var(--bg-canvas)}.tab.active:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--grad-brand)}.tab__dirty{color:var(--purple-text);font-size:14px;line-height:1}.tab__close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;color:var(--text-muted);opacity:0;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.tab:hover .tab__close,.tab.active .tab__close{opacity:1}.tab__close:hover{background:#ef444440;color:var(--error-text)}.editor{position:relative;display:flex;flex:1;min-width:0;min-height:0;background:var(--bg-canvas)}.editor__scroll{position:relative;flex:1;overflow:auto;min-width:0}.editor__content{position:relative;display:flex;min-height:100%;min-width:100%;width:max-content}.editor__gutter{position:sticky;left:0;z-index:3;width:var(--ed-gutter-w);flex:none;padding:8px 0;background:var(--bg-canvas);border-right:1px solid rgba(51,65,85,.35);-webkit-user-select:none;user-select:none}.gutter-line{display:flex;align-items:center;justify-content:flex-end;gap:6px;height:var(--ed-line-height);padding-right:10px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-disabled);cursor:pointer}.gutter-line:hover{color:var(--text-secondary)}.gutter-line.current{color:var(--text-primary)}.gutter-line .bp{width:9px;height:9px;border-radius:50%;background:var(--error);box-shadow:0 0 6px #ef444499;flex:none}.editor__code{position:relative;flex:none}.editor__hl,.editor__input{margin:0;padding:8px 16px;font-family:var(--font-mono);font-size:var(--ed-font-size);line-height:var(--ed-line-height);white-space:pre;-moz-tab-size:2;tab-size:2;letter-spacing:0}.editor__hl{position:absolute;top:0;left:0;right:0;pointer-events:none;color:var(--text-secondary);min-height:100%;z-index:1}.editor__input{position:relative;z-index:2;display:block;width:100%;min-height:100%;background:transparent;border:none;border-radius:0;color:transparent;caret-color:var(--purple-text);resize:none;overflow:hidden;outline:none}.editor__input:focus{outline:none;border:none;box-shadow:none}.editor__input::selection{background:#8b5cf659;color:transparent}.editor__input.wrap,.editor__hl.wrap{white-space:pre-wrap;word-break:break-all}.tok-kw{color:#c084fc}.tok-str{color:#86efac}.tok-com{color:#64748b;font-style:italic}.tok-num{color:#fbbf24}.tok-fn{color:#60a5fa}.tok-type{color:#f472b6}.tok-builtin{color:#2dd4bf}.tok-dec{color:#f59e0b}.tok-op{color:#f472b6}.tok-punct{color:#94a3b8}.tok-attr{color:#7dd3fc}.tok-head{color:#a78bfa;font-weight:700}.tok-bold{color:#f8fafc;font-weight:700}.tok-italic{font-style:italic;color:#cbd5e1}.tok-link{color:#38bdf8;text-decoration:underline}.tok-quote{color:#94a3b8;font-style:italic}.tok-list{color:#f472b6}.editor__minimap{position:relative;width:var(--ed-minimap-w);flex:none;border-left:1px solid rgba(51,65,85,.35);overflow:hidden;cursor:pointer;background:var(--bg-secondary);opacity:.9}.editor__minimap canvas{display:block}.minimap__viewport{position:absolute;left:0;right:0;background:#94a3b81f;border:1px solid rgba(148,163,184,.25);pointer-events:none}.find-widget{position:absolute;top:8px;right:calc(var(--ed-minimap-w) + 16px);z-index:10;width:380px;max-width:calc(100% - 32px);background:var(--card-raised);border:1px solid var(--border-strong);border-radius:var(--r-card);box-shadow:var(--shadow-2);padding:8px;display:flex;flex-direction:column;gap:6px}.find-widget__row{display:flex;align-items:center;gap:6px}.find-widget__row input{flex:1;min-width:0;padding:5px 8px;font-size:12px}.find-widget__count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap;min-width:64px;text-align:right}.find-widget__btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--text-muted)}.find-widget__btn:hover{background:#8b5cf626;color:var(--text-primary)}.find-widget__btn.on{color:var(--purple-text);background:#8b5cf62e}.goto-widget{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px;background:var(--card-raised);border:1px solid var(--border-strong);border-radius:var(--r-card);box-shadow:var(--shadow-2);padding:8px 12px}.goto-widget input{width:120px;padding:5px 8px;font-size:12px}.editor__welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted)}.editor__welcome h2{font-size:26px;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.editor__welcome .shortcuts{display:grid;grid-template-columns:auto auto;gap:6px 18px;font-size:12.5px}.editor__welcome kbd{font-size:11px;border:1px solid var(--border);border-radius:4px;padding:1px 6px;background:var(--card)}.bottom-panel{display:flex;flex-direction:column;height:240px;min-height:120px;border-top:1px solid var(--border);background:var(--bg-secondary);flex:none;resize:vertical;overflow:hidden}.bottom-panel__header{display:flex;align-items:center;gap:4px;padding:0 10px;height:34px;border-bottom:1px solid var(--border);flex:none}.bottom-panel__tab{padding:0 10px;height:100%;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:2px solid transparent;transition:color var(--dur) var(--ease)}.bottom-panel__tab.active{color:var(--text-primary);border-bottom-color:var(--purple)}.bottom-panel__actions{margin-left:auto;display:flex;gap:2px}.bottom-panel__content{flex:1;overflow-y:auto;min-height:0}.terminal{display:flex;flex-direction:column;height:100%;font-family:var(--font-mono);font-size:12.5px;padding:8px 12px}.terminal__lines{flex:1;overflow-y:auto;min-height:0}.terminal__line{white-space:pre-wrap;word-break:break-all;line-height:1.55;color:var(--text-secondary)}.terminal__line.in{color:var(--purple-text)}.terminal__line.in:before{content:"❯ ";color:var(--sea-soft)}.terminal__line.err{color:var(--error-text)}.terminal__line.info{color:var(--text-muted);font-style:italic}.terminal__input-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:8px;margin-top:6px}.terminal__prompt{color:var(--sea-soft);font-weight:600}.terminal__input{flex:1;background:transparent;border:none;padding:2px 0;font-size:12.5px;color:var(--text-primary)}.terminal__input:focus{outline:none;box-shadow:none}.statusbar{display:flex;align-items:center;gap:2px;height:26px;padding:0 10px;background:var(--bg-secondary);border-top:1px solid var(--border);font-size:11.5px;color:var(--text-muted);flex:none;-webkit-user-select:none;user-select:none}.statusbar__item{display:inline-flex;align-items:center;gap:5px;padding:0 8px;height:100%;border-radius:0;color:var(--text-muted);transition:color var(--dur) var(--ease),background var(--dur) var(--ease);white-space:nowrap}.statusbar__item:hover{color:var(--text-primary);background:#8b5cf61a}.statusbar__spacer{flex:1}.statusbar .ok{color:var(--success)}.statusbar .bad{color:var(--error-text)}.statusbar .accent{color:var(--purple-text)}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#05081699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.palette{width:100%;max-width:620px;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--r-card);box-shadow:var(--shadow-3),0 0 60px var(--purple-glow);overflow:hidden;display:flex;flex-direction:column;max-height:70vh;animation:paletteIn .16s var(--ease)}@keyframes paletteIn{0%{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}.palette__input{border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:14px 18px;font-size:14px}.palette__input:focus{outline:none;border-bottom-color:var(--purple);box-shadow:none}.palette__list{overflow-y:auto;padding:6px}.palette__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--r-btn);color:var(--text-secondary);font-size:13px;text-align:left;transition:background var(--dur) var(--ease)}.palette__item.active,.palette__item:hover{background:#8b5cf624;color:var(--text-primary)}.palette__item kbd{margin-left:auto;font-size:10.5px;border:1px solid var(--border);border-radius:4px;padding:1px 6px;background:var(--card);color:var(--text-muted);white-space:nowrap}.palette__item .path{font-size:11px;color:var(--text-muted)}.palette__empty{padding:26px;text-align:center;color:var(--text-muted);font-size:13px}.palette__group{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:10px 12px 4px}.ctx-menu{position:fixed;z-index:900;min-width:200px;padding:5px;border-radius:var(--r-card);background:#0a0e1cf7;border:1px solid var(--glass-border);box-shadow:0 18px 50px #050816bf,0 0 30px var(--purple-glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:ctxIn .14s var(--ease)}@keyframes ctxIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}.ctx-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 12px;border-radius:var(--r-btn);color:var(--text-primary);font-size:13px;text-align:left;transition:background var(--dur) var(--ease)}.ctx-item:hover{background:#8b5cf629}.ctx-item.danger{color:var(--error-text)}.ctx-sep{height:1px;background:var(--border);margin:4px 8px}.toast-stack{position:fixed;bottom:40px;right:16px;z-index:950;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--r-card);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--shadow-2);font-size:13px;color:var(--text-primary);animation:toastIn .25s var(--ease)}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.toast .toast__dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.toast.success .toast__dot{background:var(--success);box-shadow:0 0 8px var(--success)}.toast.error .toast__dot{background:var(--error);box-shadow:0 0 8px var(--error)}.toast.info .toast__dot{background:var(--info);box-shadow:0 0 8px var(--info)}.toast__close{margin-left:auto;color:var(--text-muted);padding:0;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.toast__close:hover{color:var(--text-primary)}.theme-panel{position:fixed;top:52px;right:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 72px);overflow-y:auto;z-index:800;background:#080c18f7;border:1px solid var(--glass-border);border-radius:var(--r-card);box-shadow:var(--shadow-2),0 0 40px var(--purple-glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:16px;animation:ctxIn .16s var(--ease)}.theme-panel h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.theme-swatch{display:flex;flex-direction:column;gap:6px;padding:8px 6px;border-radius:var(--r-btn);border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--text-secondary);font-size:10.5px;text-align:center;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.theme-swatch:hover{border-color:var(--purple);background:#8b5cf60f}.theme-swatch.active{border-color:var(--purple);color:var(--text-primary);box-shadow:0 0 0 1px var(--purple)}.theme-swatch .preview{height:30px;border-radius:4px;border:1px solid rgba(127,127,127,.3);display:flex;align-items:center;justify-content:center}.theme-swatch .preview .p-dot{width:12px;height:12px;border-radius:50%}.theme-custom-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:8px}.theme-custom-row label{font-size:12px;color:var(--text-muted)}.theme-custom-row input[type=color]{width:44px;height:28px;padding:2px;border-radius:var(--r-btn);background:var(--card);cursor:pointer}.theme-preview-box{height:46px;border-radius:var(--r-btn);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;margin-bottom:12px}.card{background:linear-gradient(180deg,#1e293b99,#111827b3);border:1px solid var(--border);border-radius:var(--r-card);padding:12px;margin-bottom:8px;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.card:hover{border-color:var(--border-strong)}.card__title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.card__meta{font-size:11.5px;color:var(--text-muted);line-height:1.5;word-break:break-word}.card__actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;flex:none}.badge--ok{color:var(--success);border-color:#22c55e66}.badge--ok .dot{background:var(--success)}.badge--warn{color:var(--warning);border-color:#f59e0b66}.badge--warn .dot{background:var(--warning)}.badge--err{color:var(--error-text);border-color:#ef444466}.badge--err .dot{background:var(--error)}.badge--info{color:var(--purple-text);border-color:#8b5cf666}.badge--info .dot{background:var(--purple)}.badge--muted{color:var(--text-muted);border-color:var(--border)}.badge--muted .dot{background:var(--text-muted)}.ai-chat{display:flex;flex-direction:column;height:100%;min-height:0}.ai-chat__messages{flex:1;overflow-y:auto;padding:10px 6px;display:flex;flex-direction:column;gap:10px;min-height:0}.ai-msg{max-width:92%;padding:9px 12px;border-radius:var(--r-card);font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.ai-msg.user{align-self:flex-end;background:#8b5cf629;border:1px solid rgba(139,92,246,.35);color:var(--text-primary)}.ai-msg.assistant{align-self:flex-start;background:var(--card);border:1px solid var(--border);color:var(--text-secondary)}.ai-msg.system{align-self:center;background:transparent;border:1px dashed var(--border);color:var(--text-muted);font-size:11.5px;max-width:100%}.ai-chat__composer{display:flex;gap:6px;padding:8px 6px;border-top:1px solid var(--border);flex:none}.ai-chat__composer textarea{flex:1;resize:none;min-height:38px;max-height:120px;font-size:12.5px;font-family:var(--font-body)}.git-file{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--r-input);font-size:12.5px;color:var(--text-secondary);cursor:pointer;width:100%;text-align:left;transition:background var(--dur) var(--ease)}.git-file:hover{background:#8b5cf614}.git-file .state{font-family:var(--font-mono);font-size:10.5px;font-weight:700;width:18px;flex:none;text-align:center}.git-file .state.m{color:var(--warning)}.git-file .state.s{color:var(--success)}.git-file .state.u{color:var(--info)}.git-file .path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-event{font-family:var(--font-mono);font-size:11.5px;padding:3px 8px;color:var(--text-secondary);border-bottom:1px solid rgba(51,65,85,.25)}.debug-event.hit{color:var(--purple-text);background:#8b5cf614}pre.code-out{font-family:var(--font-mono);font-size:11.5px;background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--r-btn);padding:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;color:var(--text-secondary);max-height:240px;overflow-y:auto}.search-hit{display:block;width:100%;text-align:left;padding:6px 8px;border-radius:var(--r-input);cursor:pointer;transition:background var(--dur) var(--ease)}.search-hit:hover{background:#8b5cf61a}.search-hit .title{font-size:12.5px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.search-hit .snippet{font-size:11px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 6px;border-bottom:1px solid rgba(51,65,85,.3)}.settings-row:last-child{border-bottom:none}.settings-row .label{font-size:12.5px;color:var(--text-secondary)}.settings-row .hint{font-size:11px;color:var(--text-muted);margin-top:1px}.settings-row input[type=number]{width:74px}.settings-row select{padding:5px 8px;font-size:12px}.toggle{position:relative;width:36px;height:20px;border-radius:999px;background:var(--border);transition:background var(--dur) var(--ease);flex:none}.toggle.on{background:var(--purple)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--dur) var(--ease)}.toggle.on:after{transform:translate(16px)}.account-avatar{width:44px;height:44px;border-radius:50%;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff;flex:none}.spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.panel__header h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0}.panel__body{flex:1;overflow-y:auto;padding:12px 14px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.status-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px}.status-card__header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.status-card__name{font-size:13px;font-weight:500;color:var(--text-primary)}.status-card__detail{font-size:12px;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--ok{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot--error{background:var(--error);box-shadow:0 0 6px var(--error)}.status-dot--checking{background:var(--warning);animation:pulse 1.5s infinite}.status-section{margin-top:16px}.status-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px}.status-kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.status-kv span:first-child{color:var(--text-muted)}.status-link{display:block;padding:6px 0;color:var(--accent);text-decoration:none;font-size:13px}.status-link:hover{text-decoration:underline}.changelog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;color:var(--text-muted)}.changelog-meta a{color:var(--accent);text-decoration:none}.changelog-entry{margin-bottom:16px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.changelog-entry__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.changelog-entry__version{font-weight:600;color:var(--accent);font-size:14px}.changelog-entry__date{font-size:12px;color:var(--text-muted)}.changelog-entry__changes{margin:0;padding-left:18px}.changelog-entry__changes li{font-size:13px;color:var(--text-secondary);margin-bottom:4px;line-height:1.5}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;background:var(--accent-dim);color:var(--accent)}.welcome{flex:1;min-width:0;overflow-y:auto;display:flex;justify-content:center;padding:48px 32px 32px;background:radial-gradient(900px 400px at 20% -10%,rgba(139,92,246,.12),transparent 60%),radial-gradient(700px 360px at 90% 110%,rgba(56,189,248,.08),transparent 60%),var(--bg-canvas)}.welcome__inner{width:100%;max-width:760px;display:flex;flex-direction:column;gap:32px}.welcome__brand{display:flex;flex-direction:column;gap:8px}.welcome__brand h1{font-size:30px;font-weight:700;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome__brand p{font-size:14px;color:var(--text-muted);max-width:560px;line-height:1.6}.welcome__actions{display:flex;gap:12px;flex-wrap:wrap}.welcome__section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.welcome__recent{display:flex;flex-direction:column;gap:4px}.welcome__recent-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-btn);border:1px solid transparent;color:var(--text-secondary);font-size:13px;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.welcome__recent-item:hover{background:#8b5cf614;border-color:var(--border);color:var(--text-primary)}.welcome__recent-item .meta{margin-left:auto;font-size:11px;color:var(--text-muted);flex:none}.welcome__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.welcome-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:16px;border-radius:var(--r-card);border:1px solid var(--border);background:linear-gradient(180deg,#1e293b8c,#11182799);color:var(--text-secondary);font-size:13px;line-height:1.5;cursor:pointer;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.welcome-card:hover{border-color:var(--purple);transform:translateY(-2px);box-shadow:var(--shadow-1);color:var(--text-primary)}.welcome-card svg{color:var(--purple-text)}.welcome-card strong{color:var(--text-primary);font-size:13.5px}.welcome__shortcuts{display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center;font-size:12.5px;color:var(--text-secondary);max-width:460px}.welcome__shortcuts kbd{font-family:var(--font-mono);font-size:11px;border:1px solid var(--border);border-radius:4px;padding:2px 8px;background:var(--card);color:var(--text-muted);white-space:nowrap;justify-self:end}.welcome__footer{font-size:12.5px;color:var(--text-muted)}.welcome__footer a{color:var(--purple-text);text-decoration:none;font-weight:600}.welcome__footer a:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;background:#050816a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:480px;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--r-card);box-shadow:var(--shadow-3),0 0 60px var(--purple-glow);padding:24px;display:flex;flex-direction:column;gap:16px;animation:paletteIn .16s var(--ease)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal__header h2{font-size:17px;font-weight:600;color:var(--text-primary)}.modal__subtitle{font-size:12.5px;color:var(--text-muted);margin-top:-8px;line-height:1.5}.modal .field{margin-bottom:0}.modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.auth-card{width:100%;max-width:340px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:20px 16px;border-radius:var(--r-card);border:1px solid var(--border);background:linear-gradient(180deg,#1e293b8c,#11182799)}.auth-card__title{font-size:15px;font-weight:600;color:var(--text-primary);text-align:center}.auth-card__subtitle{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:980;background:#050816b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:paletteIn .18s var(--ease)}.tutorial-card{width:100%;max-width:560px;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--r-card);box-shadow:var(--shadow-3),0 0 80px var(--purple-glow);padding:20px 24px;display:flex;flex-direction:column;gap:14px;animation:paletteIn .18s var(--ease)}.tutorial-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-step-count{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--purple-text)}.tutorial-visual{min-height:150px;border:1px solid var(--border);border-radius:var(--r-card);background:linear-gradient(180deg,#1e293b8c,#11182799);display:flex;align-items:center;justify-content:center;padding:18px}.tutorial-title{font-size:18px;font-weight:650;color:var(--text-primary);margin:0}.tutorial-body{font-size:13px;line-height:1.6;color:var(--text-muted);margin:0}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-dots{display:flex;gap:7px;align-items:center}.tutorial-dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:var(--border);cursor:pointer;transition:background var(--dur) var(--ease),width var(--dur) var(--ease)}.tutorial-dot:hover{background:var(--text-muted)}.tutorial-dot.active{background:var(--purple);width:20px}.tutorial-hero-icon{color:var(--purple-text);filter:drop-shadow(0 0 18px var(--purple-glow))}.tutorial-mock-input{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid var(--purple);border-radius:var(--r-btn);background:var(--card);color:var(--text-muted);font-size:13px;box-shadow:0 0 0 3px #8b5cf626}.tutorial-mock-input svg{color:var(--purple-text);flex:none}.tutorial-mock-btn{margin-left:auto;flex:none;padding:5px 12px;border-radius:var(--r-btn);background:var(--purple);color:#fff;font-size:12px;font-weight:600}.tutorial-files{display:flex;flex-direction:column;gap:5px;width:100%;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.tutorial-file-row{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:var(--r-btn);border:1px solid var(--border);background:#8b5cf614;white-space:pre;animation:tutorialFileIn .4s var(--ease) both}.tutorial-file-row svg{color:var(--purple-text);flex:none}@keyframes tutorialFileIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.tutorial-code{width:100%;margin:0;font-family:var(--font-mono);font-size:12px;line-height:1.7;white-space:pre;overflow-x:auto;text-align:left}.tutorial-check{width:60px;height:60px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#22c55e26;color:#4ade80}.welcome__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.welcome__hero h2{font-size:32px;font-weight:700;line-height:1.2;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome__hero>p{font-size:13.5px;color:var(--text-muted);max-width:520px;line-height:1.6;margin:0}.welcome__hero-form{width:100%;max-width:640px;display:flex;flex-direction:column;gap:12px;align-items:center}.welcome__hero-input{width:100%;min-height:58px;padding:14px 16px;font-size:15px;line-height:1.5;border-radius:var(--r-card);border:1px solid var(--glass-border);background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-1),0 0 40px #8b5cf614;resize:vertical;font-family:inherit}.welcome__hero-input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf62e}.welcome__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.welcome__chip{padding:7px 14px;font-size:12.5px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.welcome__chip:hover{border-color:var(--purple);background:#8b5cf61a;color:var(--text-primary)}.welcome__tutorial-link{background:none;border:none;cursor:pointer;font-size:12.5px;color:var(--text-muted);padding:4px 8px}.welcome__tutorial-link:hover{color:var(--purple-text);text-decoration:underline}.split-editor{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--bg-canvas)}.editor-toolbar{display:flex;align-items:center;gap:2px;padding:3px 6px;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex:none}.editor-toolbar__spacer{flex:1}.split-editor__panes{display:flex;flex:1;min-height:0;min-width:0}.split-editor__panes--rows{flex-direction:column}.split-editor__pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.split-editor__divider{flex:none;background:var(--border);transition:background var(--dur) var(--ease)}.split-editor__divider:hover,.split-editor__divider:focus-visible{background:var(--purple)}.split-editor__divider--v{width:4px;cursor:col-resize}.split-editor__divider--h{height:4px;cursor:row-resize}.editor__line-hl{position:absolute;left:0;right:0;background:#94a3b812;pointer-events:none;z-index:0}.editor__indent-guide{position:absolute;width:1px;background:#94a3b838;pointer-events:none;z-index:0}.search-group{margin-bottom:6px;border:1px solid var(--border);border-radius:var(--r-btn);overflow:hidden;background:var(--bg-secondary)}.search-group__header{display:flex;align-items:center;gap:4px;padding:2px 4px;background:var(--surface)}.search-group__toggle{display:flex;align-items:center;gap:5px;flex:1;min-width:0;background:none;border:none;color:var(--text-secondary);font-size:11.5px;cursor:pointer;padding:3px 4px;text-align:left}.search-group__toggle:hover{color:var(--text-primary)}.search-group__path{font-family:var(--font-mono);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.search-group__count{margin-left:auto;flex:none;font-size:10px;padding:0 6px;border-radius:999px;background:var(--bg-canvas);color:var(--text-muted)}.search-hit{display:flex;align-items:stretch;gap:2px;width:100%;padding:0 4px 0 0}.search-hit__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;background:none;border:none;border-left:2px solid transparent;padding:3px 8px;cursor:pointer;text-align:left;color:var(--text-secondary)}.search-hit__main:hover{background:#8b5cf614;border-left-color:var(--purple)}.search-hit__main .title{font-family:var(--font-mono);font-size:10px;color:var(--purple-text)}.search-hit__main .snippet{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:8px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface);font-size:11px}.breadcrumb__seg{display:inline-flex;align-items:center;gap:2px;min-width:0}.breadcrumb__sep{color:var(--text-disabled, var(--text-muted))}.breadcrumb__btn{background:none;border:none;color:var(--text-secondary);font-size:11px;cursor:pointer;padding:1px 3px;border-radius:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb__btn:hover{color:var(--purple-text);background:#8b5cf61a}.tree__meta{margin-left:auto;padding-left:6px;font-size:9.5px;color:var(--text-disabled, var(--text-muted));opacity:0;transition:opacity var(--dur) var(--ease);white-space:nowrap}.tree__row:hover .tree__meta{opacity:1}.tree__row.drag-over{background:#8b5cf62e;outline:1px dashed var(--purple);outline-offset:-1px}.tree__row.dragging{opacity:.5}.tree__dropzone{margin-top:6px;padding:8px;border:1px dashed var(--border);border-radius:var(--r-btn);color:var(--text-muted);font-size:11px;text-align:center;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.tree__dropzone.active{border-color:var(--purple);color:var(--purple-text);background:#8b5cf614}.ai-chat__header{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border);flex:none}.ai-chat__model{flex:1;min-width:0;font-size:11px;padding:3px 6px;border-radius:var(--r-btn);border:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.ai-chat__temp{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted);white-space:nowrap}.ai-chat__temp input[type=range]{width:72px;accent-color:var(--purple)}.ai-code{margin:6px 0;border:1px solid var(--border);border-radius:var(--r-btn);overflow:hidden;background:var(--bg-canvas);max-width:100%}.ai-code__header{display:flex;align-items:center;gap:6px;padding:3px 6px;background:var(--surface);border-bottom:1px solid var(--border)}.ai-code__lang{font-family:var(--font-mono);font-size:10px;color:var(--purple-text);text-transform:lowercase}.ai-code__body{margin:0;padding:8px 10px;overflow-x:auto;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;white-space:pre;color:var(--text-secondary)}.snippet-preview{margin:4px 0 0;padding:6px 8px;max-height:130px;overflow:auto;background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--r-btn);font-family:var(--font-mono);font-size:10.5px;line-height:1.55;white-space:pre;color:var(--text-secondary)}.snippet-prefix{margin-left:auto;padding:1px 7px;border-radius:999px;background:#8b5cf624;color:var(--purple-text);font-family:var(--font-mono);font-size:10px}.tpl-filelist{margin:6px 0 0;padding:6px 10px;list-style:none;background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--r-btn);max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.tpl-filelist li{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.tpl-filelist li svg{color:var(--purple-text);flex:none}.shortcut-row{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:var(--r-btn);font-size:12px;color:var(--text-secondary)}.shortcut-row:hover{background:var(--surface);color:var(--text-primary)}.shortcut-row__desc{flex:1;min-width:0}.shortcut-row kbd,.snippet-preview kbd{font-family:var(--font-mono);font-size:10.5px;padding:2px 7px;border-radius:5px;border:1px solid var(--border);background:var(--bg-canvas);color:var(--text-primary);white-space:nowrap}.export-file-row{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:var(--r-btn);font-size:11.5px;color:var(--text-secondary)}.export-file-row:hover{background:var(--surface)}.export-file-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:11px}.export-file-row__size{flex:none;font-size:10px;color:var(--text-muted)}