@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,Courier New,monospace}#root{min-height:100vh}:root{--bg:#050914;--panel:#0b1224;--panel-strong:#0f1a34;--panel-subtle:#ffffff0a;--border:#ffffff14;--text:#e9eef7;--muted:#9fb2c7;--accent:#22d3ee;--accent-2:#f59e0b;--success:#34d399;--warning:#f59e0b;--danger:#f87171;--info:#60a5fa;--shadow:0 20px 60px #00000059}:root[data-theme=light]{--bg:#f4f6fb;--panel:#fff;--panel-strong:#eef2fb;--panel-subtle:#0000000a;--border:#00000014;--text:#0f172a;--muted:#4b5563;--accent:#2563eb;--accent-2:#d97706;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--shadow:0 12px 36px #0f172a29}body{background:#050914;background:var(--bg);font-family:JetBrains Mono,SFMono-Regular,Consolas,Space Grotesk,system-ui,-apple-system,sans-serif;margin:0}.shell{background:radial-gradient(120% 120% at 0 0,#0f203d 0,#050914 35%,#030712 100%);background:radial-gradient(120% 120% at 0 0,#0f203d 0,var(--bg) 35%,#030712 100%);color:#e9eef7;color:var(--text);min-height:100vh;overflow:hidden;padding:20px;position:relative}:root[data-theme=light] .shell{background:radial-gradient(120% 120% at 0 0,#fff 0,#050914 45%,#e2e8f0 100%);background:radial-gradient(120% 120% at 0 0,#fff 0,var(--bg) 45%,#e2e8f0 100%)}.ambient{background:radial-gradient(400px 400px at 15% 20%,#22d3ee26,#0000),radial-gradient(420px 420px at 80% 15%,#f59e0b1f,#0000),radial-gradient(520px 520px at 70% 70%,#6366f114,#0000);contain:strict;filter:blur(12px);inset:0;opacity:.8;pointer-events:none;position:absolute;transform:translateZ(0);will-change:transform}:root[data-theme=light] .ambient{background:radial-gradient(400px 400px at 15% 20%,#2563eb1f,#0000),radial-gradient(420px 420px at 80% 15%,#d977061f,#0000),radial-gradient(520px 520px at 70% 70%,#34d3991a,#0000);filter:blur(10px)}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(120deg,#0b1224eb,#101b34e6);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow);justify-content:space-between;margin-bottom:16px;padding:16px 20px;position:relative;z-index:1}.brand,.top-bar{align-items:center;display:flex}.brand{gap:14px}.brand-mark{height:42px;position:relative;width:42px}.mark-inner,.mark-outer{border-radius:14px;inset:0;position:absolute}.mark-outer{background:linear-gradient(135deg,#22d3ee33,#f59e0b40);border:1px solid #ffffff14;border:1px solid var(--border)}.mark-inner{background:linear-gradient(135deg,#22d3ee,#f59e0b);border-radius:10px;box-shadow:0 10px 30px #22d3ee66;height:24px;left:9px;top:9px;width:24px}.eyebrow{color:#9fb2c7;color:var(--muted);font-size:12px;letter-spacing:.08em;margin:0;padding-left:8px;padding-top:8px;text-transform:uppercase}h1{font-size:26px;font-weight:700}h1,h2{margin:4px 0 0}h2{font-size:18px;padding-left:8px}h2,h3{font-weight:600}h3{font-size:16px;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.status-group{display:flex;flex-wrap:wrap;gap:8px}.pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:999px;color:#e9eef7;color:var(--text);display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.pill.success{background:#34d3991f;border-color:#34d39940;color:#c1f3df}.pill.outline{background:#0000}.pill.subtle{background:#ffffff0a;color:#9fb2c7;color:var(--muted)}.pill.error{background:#ef44441f;border-color:#ef444459;color:#fca5a5}.pill.small{font-size:11px;padding:4px 8px}.cta-group{flex-wrap:wrap}.console-toolbar,.cta-group{align-items:center;display:flex;gap:8px}.console-toolbar{justify-content:space-between;margin-bottom:8px}.task-tabs{background:#0003;border-radius:8px;display:flex;gap:2px;margin-bottom:8px;padding:4px}.task-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .15s ease}.task-tab:hover{background:#ffffff0d;color:#e9eef7;color:var(--text)}.task-tab.active{background:#22d3ee26;color:#22d3ee;color:var(--accent)}.task-tab-icon{font-family:monospace;font-size:10px;font-weight:700;opacity:.7;text-transform:uppercase}.task-tab-label{font-weight:500}.project-switcher select{font-size:13px;padding:8px 10px}.branch-switcher select,.project-switcher select{background:#ffffff0f;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#e9eef7;color:var(--text)}.branch-switcher select{font-size:12px;padding:6px 8px}.api-base{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.api-base-input{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#e9eef7;color:var(--text);min-width:220px;padding:8px 10px}.api-base-input::placeholder{color:#9fb2c7;color:var(--muted)}.api-creds,.project-override{display:flex;flex-wrap:wrap;gap:6px}.project-override{align-items:center}.project-override .pill-btn{height:auto}.commit-box{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;display:flex;gap:6px;padding:6px}.commit-box input{background:#0000;border:none;color:#e9eef7;color:var(--text);min-width:200px;outline:none}.commit-box input::placeholder{color:#9fb2c7;color:var(--muted)}button{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#e9eef7;color:var(--text);cursor:pointer;font-family:JetBrains Mono,Space Grotesk,system-ui,-apple-system,sans-serif;font-size:14px;padding:10px 14px;transition:transform .12s ease,border-color .12s ease,background .12s ease}button:hover{border-color:#fff3;transform:translateY(-1px)}button.primary{background:linear-gradient(135deg,#22d3ee,#0ea5e9);border:none;box-shadow:0 12px 35px #0ea5e959;color:#03111d;font-weight:600}button.ghost{background:#ffffff0f}button.micro{background:#ffffff0a;display:grid;font-weight:700;height:32px;padding:0;place-items:center;width:32px}button.micro.add{margin-left:8px}button.ghost-btn{font-size:12px;padding:8px 10px;width:auto}.pill-btn{background:#ffffff0f;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;color:#e9eef7;color:var(--text);font-size:13px;height:auto;padding:8px 12px}.pill-btn:hover{background:#22d3ee1f;border-color:#22d3ee40}.menu-wrapper{position:relative}.menu{background:#0c1224f2;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 50px #00000059;display:flex;flex-direction:column;gap:6px;min-width:180px;padding:10px;position:absolute;right:0;top:40px;z-index:3}.menu-item{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#e9eef7;color:var(--text);font-size:14px;padding:8px 10px;text-align:left}.menu-item:hover{background:#22d3ee1f;border-color:#22d3ee40}.layout{align-items:flex-start;display:flex;gap:8px;min-height:calc(100vh - 120px);position:relative;z-index:1}.editor,.preview>div,.sidebar{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow)}.divider{align-self:stretch;background:#0000;cursor:col-resize;margin:0;width:8px;z-index:5}.divider:hover{background:#22d3ee14;border-radius:6px}.editor,.preview,.sidebar{min-width:0}.sidebar{min-width:220px}.preview{min-width:280px}.sidebar{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 200px);overflow:auto;padding:14px}.panel-header{justify-content:space-between}.panel-header,.panel-header-actions{align-items:center;display:flex;gap:8px}.tree{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;max-height:360px;overflow:auto;padding:10px}.tree-filter{margin-bottom:8px}.tree-filter-row{align-items:center;display:flex;gap:6px}.tree-filter input{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#e9eef7;color:var(--text);flex:1 1;padding:8px 10px}.tree-filter input::placeholder,.tree-filter-type-btn{color:#9fb2c7;color:var(--muted)}.tree-filter-type-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;padding:0;transition:all .12s ease;width:32px}.tree-filter-type-btn:hover{background:#ffffff14;color:#e9eef7;color:var(--text)}.tree-filter-type-btn.active{background:#22d3ee26;border-color:#22d3ee;border-color:var(--accent);color:#22d3ee;color:var(--accent)}.tree-filter-types{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;margin-top:8px;padding:10px}.tree-filter-types-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tree-filter-types-title{color:#9fb2c7;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tree-filter-types-clear{background:#f8717126;border:none;border-radius:4px;color:#f87171;color:var(--danger);cursor:pointer;font-size:10px;padding:2px 8px;transition:all .12s ease}.tree-filter-types-clear:hover{background:#f8717140}.tree-filter-types-list{display:flex;flex-wrap:wrap;gap:4px}.tree-filter-type-item{align-items:center;background:#ffffff0a;border-radius:6px;cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:all .12s ease}.tree-filter-type-item:hover{background:#ffffff14}.tree-filter-type-item input{accent-color:#22d3ee;accent-color:var(--accent);cursor:pointer;height:12px;margin:0;width:12px}.tree-filter-type-ext{color:#e9eef7;color:var(--text);font-family:JetBrains Mono,monospace;font-size:11px}.tree-row{align-items:center;border-radius:10px;color:#9fb2c7;color:var(--muted);display:flex;gap:10px;padding:8px;transition:background .12s ease,color .12s ease}.tree-row:hover{background:#ffffff08;color:#e9eef7;color:var(--text)}.tree-row.selected{background:#ffffff0d;border:1px solid #ffffff14;color:#e9eef7;color:var(--text)}.tree-row.active{background:#22d3ee1a;border:1px solid #22d3ee40;color:#e9eef7;color:var(--text)}.tree-row.drag-over{background:#22d3ee33;border:2px dashed #22d3ee;border:2px dashed var(--accent);border-radius:8px}.tree-row[draggable=true]{cursor:grab}.tree-row[draggable=true]:active{cursor:grabbing;opacity:.6}.node-dot{background:#9fb2c7;background:var(--muted);border-radius:50%;display:inline-block;height:8px;width:8px}.node-dot.folder{background:linear-gradient(135deg,#22d3ee,#f59e0b);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.node-icon{align-items:center;display:inline-flex;font-size:14px;justify-content:center;opacity:.9;width:16px}.caret{border-bottom:2px solid #9fb2c7;border-bottom:2px solid var(--muted);border-right:2px solid #9fb2c7;border-right:2px solid var(--muted);display:inline-block;height:10px;transform:rotate(45deg);transition:transform .12s ease,border-color .12s ease;width:10px}.caret.collapsed{transform:rotate(-45deg)}.node-name{font-size:14px}.node-badge{background:#ffffff0f;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:999px;color:#e9eef7;color:var(--text);font-size:11px;margin-left:auto;padding:4px 8px}.node-badge.dirty{background:#f59e0b14;border-color:#f59e0b66;color:#f8c46b}.node-badge.git-status{background:#0000;border:none;font-size:10px;font-weight:600;padding:2px 6px}.tree-row.git-changed .node-name{font-style:italic}.tree-row.multi-selected{background:#22d3ee26}.tree-row.multi-selected:hover{background:#22d3ee33}:root[data-theme=light] .tree-row.multi-selected{background:#2563eb1f}:root[data-theme=light] .tree-row.multi-selected:hover{background:#2563eb2e}.quick-actions{background:#ffffff05;border:1px dashed #ffffff14;border:1px dashed var(--border);border-radius:12px;padding:12px}.shortcut-row{align-items:center;color:#9fb2c7;color:var(--muted);display:flex;justify-content:space-between;padding:8px 0}.shortcut-row code{background:#ffffff0a;border-radius:8px;color:#e9eef7;color:var(--text);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;padding:4px 8px}.context-menu,.shortcut-row code{border:1px solid #ffffff14;border:1px solid var(--border)}.context-menu{background:#090e1cf2;border-radius:10px;box-shadow:0 18px 40px #00000059;display:flex;flex-direction:column;overflow:hidden;position:fixed;z-index:10}.context-menu button{background:#0000;border:none;color:#e9eef7;color:var(--text);padding:10px 12px;text-align:left;width:180px}.context-menu button:hover{background:#22d3ee1f}.context-menu-divider{background:#ffffff14;background:var(--border);height:1px;margin:4px 0}.editor{display:flex;flex-direction:column;overflow:hidden}.panel-drag-handle{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#9fb2c7;color:var(--muted);cursor:grab;display:grid;height:32px;place-items:center;width:32px}.panel-drag-handle:active{cursor:grabbing}.dragging{opacity:.75;outline:1px dashed #22d3ee;outline:1px dashed var(--accent)}.drop-target{outline:1px dashed #22d3ee59}.tab-bar{background:#0f1a34;background:var(--panel-strong);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:10px}.tab,.tab-bar{align-items:center}.tab{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:inline-flex;gap:8px;padding:8px 12px;transition:background .12s ease,color .12s ease,border-color .12s ease}.tab.modified{border-color:#f59e0b66;color:#e9eef7;color:var(--text)}.tab.active{border-color:#22d3ee66;box-shadow:0 10px 20px #22d3ee1a}.tab:hover{background:#ffffff0d;color:#e9eef7;color:var(--text)}.tab-dot{background:#22d3ee;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #22d3ee26;height:8px;width:8px}.tab-pill{color:#f59e0b;color:var(--accent-2);font-size:12px}.tab-close{background:#ffffff0f;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#e9eef7;color:var(--text);font-size:14px;height:22px;line-height:1;margin-left:6px;padding:0;width:22px}.tab-close:hover{background:#f59e0b26;border-color:#f59e0b80}.code{background:linear-gradient(180deg,#0f1a34f2,#0c1224f5);display:flex;min-height:240px;overflow:hidden;position:relative}.code .cm-editor{background:#0000;height:100%;width:100%}.empty-editor{align-items:center;color:#9fb2c7;color:var(--muted);display:flex;flex-direction:column;gap:6px;justify-content:center;text-align:center;width:100%}.code .cm-scroller{padding:14px 16px}.code .cm-gutters{background:#0000;border-color:#ffffff14;border-color:var(--border)}.code .cm-lineNumbers{color:#9fb2c7;color:var(--muted)}.code .cm-selectionMatch{background:#22d3ee29}.code .cm-activeLine{background:#ffffff08}.code .cm-foldGutter{width:18px}.code .cm-gutters .cm-gutterElement{padding:0 8px}.status-bar{grid-gap:10px;background:#0f1a34;background:var(--panel-strong);color:#9fb2c7;color:var(--muted);display:grid;font-size:13px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:10px 12px}.editor-resizer,.status-bar{border-top:1px solid #ffffff14;border-top:1px solid var(--border)}.editor-resizer{background:#0000;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);cursor:row-resize;height:8px;opacity:.6}.editor-resizer:hover{background:#22d3ee14;opacity:1}.status-item{align-items:center;display:inline-flex;gap:8px}.status-led{background:#34d399;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px #34d39926;height:8px;width:8px}.preview{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 200px);overflow:auto}.console-card,.preview-card,.steps{padding:14px}.preview-card{background:linear-gradient(145deg,#0b1224e6,#111e37e6)}.console-card{background:#0b1224;background:var(--panel);display:flex;flex-direction:column;gap:10px}.console-card,.terminal-card{border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow)}.terminal-card{background:#050a14;overflow:hidden;padding:14px}.terminal-body{background:radial-gradient(circle at 20% 20%,#22d3ee0f,#050a14e6);border-top:1px solid #ffffff14;border-top:1px solid var(--border);color:#e2e8f0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;max-height:220px;overflow:auto;padding:12px}.terminal-line{grid-gap:10px;align-items:center;border-radius:8px;display:grid;gap:10px;grid-template-columns:auto auto 1fr;padding:6px 4px}.log-tabs{display:inline-flex;gap:6px}.log-tabs .pill-btn.active{background:#22d3ee1f;border-color:#22d3ee66}.terminal-line.clickable{cursor:pointer}.terminal-line.clickable:hover{background:#22d3ee14}.term-time{color:#9fb2c7;color:var(--muted);font-size:12px}.term-task{border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;font-size:11px;padding:2px 8px;text-transform:uppercase}.term-task.success{border-color:#34d3994d;color:#c1f3df}.term-task.error{border-color:#ef444466;color:#fecdd3}.term-task.info{border-color:#fff3;color:#9fb2c7;color:var(--muted)}.term-text{color:#e2e8f0;white-space:pre-wrap}.commit-panel{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.1fr 1.6fr;min-height:240px}.commit-list{background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;overflow:auto}.commit-row{grid-gap:8px;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);cursor:pointer;display:grid;gap:8px;grid-template-columns:110px 1fr;padding:10px;transition:background .12s ease,color .12s ease}.commit-row:last-child{border-bottom:none}.commit-row:hover{background:#ffffff0a}.commit-row.active{background:#22d3ee14;border-left:2px solid #22d3ee;border-left:2px solid var(--accent)}.commit-id{color:#9fb2c7;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.commit-message{color:#e9eef7;color:var(--text);font-weight:600}.commit-sub{color:#9fb2c7;color:var(--muted);display:flex;font-size:12px;gap:8px}.commit-hash{color:#22d3ee;color:var(--accent);font-family:var(--font-mono)}.commit-graph{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:20px}.commit-node{background:#9fb2c7;background:var(--muted);border:2px solid #0b1224;border:2px solid var(--panel);border-radius:50%;flex-shrink:0;height:10px;width:10px}.commit-node.current{background:#22d3ee;background:var(--accent)}.commit-line{background:#ffffff14;background:var(--border);flex:1 1;min-height:15px;width:2px}.commit-row:has(.commit-graph){grid-template-columns:24px 1fr}.commit-diff{background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;min-height:240px;padding:10px}.diff-header{flex-wrap:wrap;gap:8px}.diff-body{background:#00000040;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#e9eef7;color:var(--text);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;margin:0;overflow:auto;padding:10px}.diff-line.add{color:#bbf7d0}.diff-line.del{color:#fecdd3}.diff-view{background:#00000040;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;max-height:240px;overflow:auto}.diff-row{grid-gap:6px;border-bottom:1px solid #ffffff0a;display:grid;gap:6px;grid-template-columns:54px 54px 1fr;padding:6px 8px}.diff-row.equal{background:#ffffff05}.diff-row.add{background:#34d3990f}.diff-row.del{background:#ef44440f}.diff-gutter{color:#9fb2c7;color:var(--muted);font-size:12px}.diff-content{color:#e9eef7;color:var(--text);margin:0;white-space:pre-wrap}.log-list{background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:auto;padding:10px}.log-row{grid-gap:8px;align-items:center;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;display:grid;gap:8px;grid-template-columns:auto auto 1fr;padding:8px}.log-filters{display:flex;gap:6px;margin:6px 0 8px}.log-row.clickable{cursor:pointer;transition:border-color .12s ease,background .12s ease}.log-row.clickable:hover{background:#22d3ee0f;border-color:#22d3ee33}.log-row.clickable:focus-visible{outline:2px solid #22d3ee;outline:2px solid var(--accent);outline-offset:2px}.log-row.success{border-color:#34d39959}.log-row.error{border-color:#ef444459}.log-message{color:#e9eef7;color:var(--text);display:flex;flex-direction:column;gap:4px}.log-details{background:#00000040;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#9fb2c7;color:var(--muted);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;margin:0;padding:8px;white-space:pre-wrap}.error-banner{background:radial-gradient(circle at 20% 20%,#ef44442e,#7f1d1d52);border:1px solid #ef4444b3;border-radius:14px;box-shadow:0 10px 30px #ef444433;color:#fee2e2;margin-bottom:12px;padding:14px 16px}.shortcut-docs{border:1px dashed #ffffff14;border:1px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:10px}.preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:10px}.preview-size-controls{align-items:center;flex-wrap:wrap;gap:10px}.size-presets{display:inline-flex;flex-wrap:wrap;gap:6px}.size-slider{align-items:center;display:inline-flex;gap:8px}.size-slider input[type=range]{accent-color:#22d3ee;accent-color:var(--accent)}.pill-btn.active{background:#22d3ee1f;border-color:#22d3ee73;color:#e9eef7;color:var(--text)}.preview-frame{background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;overflow:hidden}.preview-browser{align-items:center;background:#0f1a34;background:var(--panel-strong);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:8px 12px}.dots{display:inline-flex;gap:4px}.dots span{background:#fff3;border-radius:50%;height:8px;width:8px}.address{color:#9fb2c7;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.preview-body{display:flex;flex-direction:column;gap:10px;padding:14px}.responsive-ruler{margin-bottom:4px;padding:0 12px}.ruler-track{background:linear-gradient(180deg,#0003,#0000);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);height:32px;overflow:hidden;position:relative}.ruler-tick{background:#ffffff14;background:var(--border);position:absolute;top:0;width:1px}.ruler-tick.major{height:12px}.ruler-tick.minor{height:6px;opacity:.5}.ruler-label{color:#9fb2c7;color:var(--muted);font-size:9px;left:50%;position:absolute;top:14px;transform:translateX(-50%);white-space:nowrap}.ruler-breakpoint{height:100%;pointer-events:none;position:absolute;top:0;z-index:1}.breakpoint-marker{background:var(--bp-color);height:100%;left:0;opacity:.3;position:absolute;top:0;width:2px}.ruler-breakpoint.active .breakpoint-marker{opacity:.8}.breakpoint-label{color:var(--bp-color);font-size:8px;font-weight:600;left:4px;opacity:.5;position:absolute;top:2px}.ruler-breakpoint.active .breakpoint-label{opacity:1}.ruler-current{background:linear-gradient(90deg,#22d3ee14,#22d3ee05);border-right:2px solid #22d3ee;border-right:2px solid var(--accent);height:100%;left:0;position:absolute;top:0;transition:width .15s ease}.ruler-current-edge{position:absolute;right:0;top:50%;transform:translate(50%,-50%)}.ruler-current-label{background:#22d3ee;background:var(--accent);border-radius:4px;color:#0b1224;color:var(--panel);display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;white-space:nowrap}.preview-canvas{align-items:center;background:radial-gradient(circle at 50% 20%,#ffffff0a,#0000);display:flex;justify-content:center;overflow:auto;padding:12px}.preview-iframe{background:#0f172a;border:none;border-radius:12px;box-shadow:0 16px 40px #00000059;max-width:100%}.preview-canvas.touch-mode{position:relative}.preview-canvas.touch-mode .preview-iframe{pointer-events:none}.touch-simulator-overlay{bottom:0;cursor:none;left:0;position:absolute;right:0;top:0;z-index:10}.touch-simulator-overlay .touch-cursor{background:#22d3ee26;border:2px solid #22d3ee;border:2px solid var(--accent);height:44px;opacity:.8;transition:opacity .15s ease;width:44px;z-index:25}.touch-point,.touch-simulator-overlay .touch-cursor{border-radius:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.touch-point{height:32px;opacity:.6;width:32px;z-index:20}.touch-point,.touch-point.active{background:#22d3ee;background:var(--accent)}.touch-point.active{box-shadow:0 0 20px #22d3ee;box-shadow:0 0 20px var(--accent);opacity:.8}.touch-ripple{animation:touchRipple .4s ease-out forwards;border:2px solid #22d3ee;border:2px solid var(--accent);height:60px;opacity:0;width:60px;z-index:15}@keyframes touchRipple{0%{opacity:.7;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.pill-btn.device-frame-active,.pill-btn.touch-mode-active{background:#22d3ee;background:var(--accent);color:#050914;color:var(--bg)}.pill-btn.record-btn.recording{animation:recordPulse 1.5s ease-in-out infinite;background:#ef4444;color:#fff}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.7}}.device-frame{transition:all .2s ease}.preview-canvas .device-frame{margin:12px}.preview-error{color:#f8c46b;padding:14px}.hero{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:12px}.hero-mark{background:linear-gradient(135deg,#22d3ee,#f59e0b);background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:10px;box-shadow:0 10px 25px #22d3ee59;height:34px;width:34px}.muted{color:#9fb2c7;color:var(--muted);margin:4px 0 0}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.card{background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;color:#9fb2c7;color:var(--muted);padding:12px}.card.active{background:#22d3ee14;border-color:#22d3ee66;color:#e9eef7;color:var(--text)}.steps{background:#0b1224;background:var(--panel)}.step-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.step{grid-gap:10px;align-items:center;background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;display:grid;gap:10px;grid-template-columns:34px 1fr auto;padding:10px}.step.done{border-color:#34d39966}.step.todo .step-icon{background:#ffffff14}.step-title{font-weight:600;margin:0}.step-icon{background:linear-gradient(135deg,#22d3ee33,#f59e0b33);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;height:30px;width:30px}.goto-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04070fb3;display:flex;inset:0;justify-content:center;padding:80px 16px;position:fixed;z-index:20}.goto-modal{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;padding:14px;width:min(720px,100%)}.goto-header{align-items:center;display:flex;justify-content:space-between}.goto-input{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#e9eef7;color:var(--text);font-size:14px;padding:10px 12px;width:100%}.goto-input::placeholder{color:#9fb2c7;color:var(--muted)}.goto-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto}.goto-row{background:#0f1a34;background:var(--panel-strong);border:1px solid #0000;border-radius:10px;color:#e9eef7;color:var(--text);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:10px 12px;text-align:left;transition:background .12s ease,border-color .12s ease;width:100%}.goto-row.active,.goto-row:hover{background:#22d3ee14;border-color:#22d3ee40}.goto-name{font-weight:600}.goto-path{color:#9fb2c7;color:var(--muted);font-size:12px}.help-panel{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:14px}.help-header{align-items:center;display:flex;justify-content:space-between}.help-body{grid-gap:12px;display:grid;gap:12px;grid-template-columns:260px 1fr}.help-topics{display:flex;flex-direction:column;gap:8px}.help-topic{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;color:#e9eef7;color:var(--text);cursor:pointer;padding:10px 12px;text-align:left;transition:background .12s ease,border-color .12s ease;width:100%}.help-topic.active,.help-topic:hover{background:#22d3ee14;border-color:#22d3ee40}.help-title{display:block;font-weight:700}.help-summary{color:#9fb2c7;color:var(--muted);display:block;font-size:12px}.help-content{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;color:#e9eef7;color:var(--text);gap:8px;padding:12px}.help-content,.help-content ul{display:flex;flex-direction:column}.help-content ul{gap:6px;margin:0;padding-left:16px}.help-tips{border-top:1px solid #ffffff14;border-top:1px solid var(--border);padding-top:8px}.help-tips ul{margin:4px 0 0}@media (max-width:1080px){.layout{flex-direction:column;gap:10px}.divider{display:none}.editor,.preview,.sidebar{flex:1 0 auto;width:100%!important}.help-body{grid-template-columns:1fr}.top-bar{align-items:flex-start;flex-direction:column;gap:10px}.header-actions{justify-content:space-between;width:100%}}.panel-loading{color:#9fb2c7;color:var(--muted);font-size:13px;padding:24px}.error-boundary,.panel-loading{align-items:center;display:flex;justify-content:center}.error-boundary{background:#050914;background:var(--bg);inset:0;position:fixed;z-index:9999}.error-boundary-content{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow);max-width:480px;padding:32px;text-align:center}.error-boundary .error-icon{font-size:48px;margin-bottom:16px}.error-boundary h2{color:#e9eef7;color:var(--text);font-size:20px;margin:0 0 8px}.error-boundary .error-message{color:#9fb2c7;color:var(--muted);font-size:14px;margin-bottom:20px}.error-boundary .error-details{background:#ffffff0a;background:var(--panel-subtle);border-radius:8px;margin-bottom:20px;padding:12px;text-align:left}.error-boundary .error-details summary{color:#9fb2c7;color:var(--muted);cursor:pointer;font-size:13px;margin-bottom:8px}.error-boundary .error-details pre{color:#9fb2c7;color:var(--muted);font-size:11px;margin:8px 0;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.error-boundary .error-actions{display:flex;gap:12px;justify-content:center}.error-boundary .error-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.error-boundary .error-button.primary{background:#22d3ee;background:var(--accent);color:#050914;color:var(--bg)}.error-boundary .error-button.primary:hover{filter:brightness(1.1)}.error-boundary .error-button.secondary{background:#ffffff0a;background:var(--panel-subtle);border:1px solid #ffffff14;border:1px solid var(--border);color:#e9eef7;color:var(--text)}.error-boundary .error-button.secondary:hover{background:#0f1a34;background:var(--panel-strong)}.search-panel{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:0 0 8px 8px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow);min-width:400px;padding:8px 12px;position:absolute;right:20px;top:0;z-index:100}.search-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.search-row:last-child{margin-bottom:0}.search-input-group{align-items:center;background:#ffffff0a;background:var(--panel-subtle);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;display:flex;flex:1 1;overflow:hidden}.search-input{background:#0000;border:none;color:#e9eef7;color:var(--text);flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:6px 10px}.search-count,.search-input::placeholder{color:#9fb2c7;color:var(--muted)}.search-count{font-size:12px;padding:0 10px;white-space:nowrap}.search-options{display:flex;gap:2px}.search-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;transition:all .15s ease;width:28px}.search-option:hover{background:#ffffff0a;background:var(--panel-subtle);color:#e9eef7;color:var(--text)}.search-option.active{background:#22d3ee;background:var(--accent);border-color:#22d3ee;border-color:var(--accent);color:#050914;color:var(--bg)}.search-actions{display:flex;gap:2px}.search-btn{align-items:center;background:#ffffff0a;background:var(--panel-subtle);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;color:#e9eef7;color:var(--text);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .15s ease;width:28px}.search-btn:hover:not(:disabled){background:#0f1a34;background:var(--panel-strong)}.search-btn:disabled{cursor:not-allowed;opacity:.5}.search-btn.close{color:#9fb2c7;color:var(--muted)}.search-btn.close:hover{background:#ef444433;color:#e9eef7;color:var(--text)}.replace-row{border-top:1px solid #ffffff14;border-top:1px solid var(--border);padding-top:6px}.replace-actions{gap:4px}.search-btn.replace,.search-btn.replace-all{font-size:12px;padding:0 10px;width:auto}.cm-searchMatch{background:#ffd54f66!important;border-radius:2px}.cm-searchMatch-selected{background:#22d3ee!important;background:var(--accent)!important;color:#050914!important;color:var(--bg)!important}.terminal-container{background:#0b1224;background:var(--panel);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.terminal-header{align-items:center;background:#0f1a34;background:var(--panel-strong);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 12px}.terminal-title{color:#e9eef7;color:var(--text);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.terminal-actions{display:flex;gap:8px}.terminal-btn{background:#ffffff0a;background:var(--panel-subtle);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .15s ease}.terminal-btn:hover{background:#0b1224;background:var(--panel);color:#e9eef7;color:var(--text)}.terminal-content{flex:1 1;overflow:hidden;padding:8px}.terminal-content .xterm{height:100%}.terminal-content .xterm-viewport{overflow-y:auto!important}.terminal-content .xterm-screen{padding:4px}.global-search-panel{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #00000080;display:flex;flex-direction:column;left:50%;max-height:70vh;max-width:90vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:600px;z-index:1000}.global-search-header{align-items:center;background:#0f1a34;background:var(--panel-strong);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.global-search-input-wrapper{align-items:center;background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;display:flex;flex:1 1;gap:8px;padding:8px 12px}.global-search-input-wrapper:focus-within{border-color:#22d3ee;border-color:var(--accent)}.global-search-icon{color:#9fb2c7;color:var(--muted);flex-shrink:0}.global-search-input{background:#0000;border:none;color:#e9eef7;color:var(--text);flex:1 1;font-family:inherit;font-size:14px;outline:none}.global-search-clear,.global-search-input::placeholder{color:#9fb2c7;color:var(--muted)}.global-search-clear{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:2px 6px}.global-search-clear:hover{background:#ffffff0a;background:var(--panel-subtle);color:#e9eef7;color:var(--text)}.global-search-close{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#9fb2c7;color:var(--muted);cursor:pointer;font-size:18px;padding:6px 10px;transition:all .15s ease}.global-search-close:hover{color:#e9eef7;color:var(--text)}.global-search-close:hover,.global-search-status{background:#ffffff0a;background:var(--panel-subtle)}.global-search-status{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#9fb2c7;color:var(--muted);font-size:12px;padding:8px 16px}.global-search-loading{color:#22d3ee;color:var(--accent)}.global-search-hint{font-style:italic}.global-search-no-results{color:#f59e0b;color:var(--accent-2)}.global-search-count{color:#34d399;color:var(--success)}.global-search-results{flex:1 1;overflow-y:auto;padding:8px 0}.global-search-file-group{margin-bottom:4px}.global-search-file-header{background:#0000;border:none;color:#e9eef7;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;gap:8px;padding:8px 16px;text-align:left;transition:background .15s ease}.global-search-file-header:hover{background:#ffffff0a;background:var(--panel-subtle)}.global-search-expand-icon{color:#9fb2c7;color:var(--muted);flex-shrink:0;font-size:10px;transition:transform .15s ease}.global-search-expand-icon.expanded{transform:rotate(90deg)}.global-search-file-name{color:#22d3ee;color:var(--accent);flex-shrink:0;font-weight:600}.global-search-file-path{color:#9fb2c7;color:var(--muted);flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-file-count{background:#0f1a34;background:var(--panel-strong);border-radius:10px;color:#9fb2c7;color:var(--muted);flex-shrink:0;font-size:11px;padding:2px 6px}.global-search-file-results{padding-left:32px}.global-search-result-item{align-items:flex-start;background:#0000;border:none;color:#e9eef7;color:var(--text);cursor:pointer;font-family:inherit;font-size:12px;gap:12px;padding:6px 16px 6px 0;text-align:left;transition:background .15s ease;width:100%}.global-search-result-item:hover{background:#ffffff0a;background:var(--panel-subtle)}.global-search-result-item.highlighted{background:#22d3ee26}.global-search-line-num{color:#9fb2c7;color:var(--muted);flex-shrink:0;text-align:right;width:32px}.global-search-preview{flex:1 1;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-match{background:#ffd54f66;border-radius:2px;color:#e9eef7;color:var(--text);padding:1px 2px}.global-search-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;inset:0;position:fixed;z-index:999}.global-search-panel.replace-mode{max-height:80vh}.global-search-inputs{display:flex;flex:1 1;flex-direction:column;gap:8px}.global-replace-input-wrapper{align-items:center;background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.global-replace-input-wrapper:focus-within{border-color:#22d3ee;border-color:var(--accent)}.global-replace-input-wrapper .replace-icon{color:#34d399;color:var(--success)}.global-replace-input{background:#0000;border:none;color:#e9eef7;color:var(--text);flex:1 1;font-family:inherit;font-size:14px;outline:none}.global-replace-input::placeholder{color:#9fb2c7;color:var(--muted)}.replace-actions{display:flex;gap:6px}.replace-action-btn{background:#34d399;background:var(--success);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.replace-action-btn:hover:not(:disabled){filter:brightness(1.1)}.replace-action-btn:disabled{cursor:not-allowed;opacity:.5}.global-search-file-header{align-items:center;display:flex;width:100%}.file-header-main{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;font-family:inherit;gap:8px;padding:8px 12px;text-align:left}.file-header-main:hover{background:#ffffff0a;background:var(--panel-subtle)}.replace-file-btn{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;color:#e9eef7;color:var(--text);cursor:pointer;font-family:inherit;font-size:10px;margin-right:8px;opacity:0;padding:4px 8px;transition:all .15s ease}.global-search-file-group:hover .replace-file-btn{opacity:1}.replace-file-btn:hover{background:#34d399;background:var(--success);border-color:#34d399;border-color:var(--success);color:#fff}.global-search-result-item{align-items:center;display:flex;gap:4px}.global-search-result-item .result-content{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:inherit;gap:8px;overflow:hidden;padding:6px 8px 6px 24px;text-align:left}.global-search-result-item.replaced{opacity:.5}.global-search-result-item.replaced .result-content{text-decoration:line-through}.replace-single-btn{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;opacity:0;transition:all .15s ease;width:24px}.global-search-result-item:hover .replace-single-btn{opacity:1}.replace-single-btn:hover{background:#34d399;background:var(--success);border-color:#34d399;border-color:var(--success);color:#fff}.replaced-badge{color:#34d399;color:var(--success);font-size:12px;margin-right:12px}.problems-panel{background:#0b1224;background:var(--panel);display:flex;flex-direction:column;height:100%;overflow:hidden}.problems-header{align-items:center;background:#0f1a34;background:var(--panel-strong);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 12px}.problems-title{color:#e9eef7;color:var(--text);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.problems-counts{align-items:center;display:flex;gap:12px}.problem-count{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.problem-count.error{color:#ef4444}.problem-count.warning{color:#eab308}.problem-count.info{color:#3b82f6}.problems-empty{color:#34d399;color:var(--success);font-size:12px}.problem-icon{font-size:14px;line-height:1}.problem-icon.error{color:#ef4444}.problem-icon.warning{color:#eab308}.problem-icon.info{color:#3b82f6}.problems-list{flex:1 1;overflow-y:auto;padding:4px 0}.problems-file-group{margin-bottom:4px}.problems-file-header{align-items:center;background:#ffffff0a;background:var(--panel-subtle);display:flex;font-size:12px;gap:8px;padding:6px 12px}.problems-file-name{color:#22d3ee;color:var(--accent);font-weight:600}.problems-file-path{color:#9fb2c7;color:var(--muted);flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.problems-file-count{background:#0f1a34;background:var(--panel-strong);border-radius:10px;color:#9fb2c7;color:var(--muted);font-size:10px;padding:1px 6px}.problems-file-items{padding-left:12px}.problems-item{align-items:flex-start;background:#0000;border:none;color:#e9eef7;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:8px;padding:6px 12px;text-align:left;transition:background .15s ease;width:100%}.problems-item:hover{background:#ffffff0a;background:var(--panel-subtle)}.problems-item.error{border-left:2px solid #ef4444}.problems-item.warning{border-left:2px solid #eab308}.problems-item.info{border-left:2px solid #3b82f6}.problems-message{flex:1 1;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.problems-location{font-family:JetBrains Mono,monospace;font-size:11px}.problems-location,.problems-source{color:#9fb2c7;color:var(--muted);flex-shrink:0}.problems-source{background:#0f1a34;background:var(--panel-strong);border-radius:4px;font-size:10px;padding:1px 6px;text-transform:uppercase}.shell.zen-mode{background:#050914;background:var(--bg);padding:0}.zen-layout{height:100vh;padding:0}.zen-mode .panel.editor-section{border:none;border-radius:0;flex:1 1!important;height:100vh!important;margin:0;max-width:100%!important;min-width:100%!important;width:100%!important}.zen-mode .panel-header{display:none}.zen-mode .editor-tabs{background:#0f1a34;background:var(--panel-strong);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:4px 8px}.zen-mode .editor-wrapper{height:calc(100vh - 36px)}.zen-mode .editor-statusbar{background:#0f1a34;background:var(--panel-strong);border-top:1px solid #ffffff14;border-top:1px solid var(--border);bottom:0;left:0;position:fixed;right:0;z-index:100}.zen-mode:after{animation:zenIndicator 3s ease forwards;background:#000c;border-radius:20px;bottom:30px;color:#9fb2c7;color:var(--muted);content:"Zen Mode · Press Esc or F11 to exit";font-size:11px;left:50%;opacity:0;padding:6px 16px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes zenIndicator{0%{opacity:0;transform:translateX(-50%) translateY(10px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.log-file-path{border-radius:2px;color:#22d3ee;color:var(--accent);cursor:pointer;padding:0 2px;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px;transition:all .15s ease}.log-file-path:hover{background:#22d3ee26;-webkit-text-decoration-style:solid;text-decoration-style:solid}.log-file-path:focus{outline:1px solid #22d3ee;outline:1px solid var(--accent);outline-offset:1px}.symbol-modal{left:50%;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.symbol-modal .goto-header{align-items:center;display:flex;gap:8px;padding:0 4px}.symbol-modal .goto-icon{color:#22d3ee;color:var(--accent);font-size:18px;font-weight:600;text-align:center;width:24px}.symbol-modal .goto-input{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#e9eef7;color:var(--text);flex:1 1;font-family:inherit;font-size:14px;padding:10px 12px}.symbol-modal .goto-input:focus{border-color:#22d3ee;border-color:var(--accent);outline:none}.symbol-modal .goto-hint{color:#9fb2c7;color:var(--muted);font-size:11px;white-space:nowrap}.goto-results{display:flex;flex-direction:column;gap:2px;max-height:360px;overflow-y:auto}.goto-empty{color:#9fb2c7;color:var(--muted);font-size:13px;padding:20px;text-align:center}.goto-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#e9eef7;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:10px;padding:8px 12px;text-align:left;transition:background .12s ease;width:100%}.goto-item.highlighted,.goto-item:hover{background:#22d3ee1a}.symbol-item .symbol-icon{align-items:center;background:#0f1a34;background:var(--panel-strong);border-radius:4px;display:flex;font-size:14px;font-weight:700;height:22px;justify-content:center;width:22px}.symbol-item .symbol-name{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.symbol-item .symbol-kind{background:#ffffff0a;background:var(--panel-subtle);border-radius:4px;color:#9fb2c7;color:var(--muted);font-size:11px;padding:2px 6px;text-transform:lowercase}.symbol-item .symbol-line{color:#9fb2c7;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.breadcrumb{align-items:center;background:#ffffff0a;background:var(--panel-subtle);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;font-size:12px;gap:2px;overflow-x:auto;padding:6px 12px;white-space:nowrap}.breadcrumb::-webkit-scrollbar{height:4px}.breadcrumb::-webkit-scrollbar-track{background:#0000}.breadcrumb::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--border);border-radius:2px}.breadcrumb-separator{color:#9fb2c7;color:var(--muted);margin:0 2px;opacity:.5}.breadcrumb-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;padding:2px 6px;transition:all .12s ease}.breadcrumb-item:hover{background:#0f1a34;background:var(--panel-strong);color:#e9eef7;color:var(--text)}.breadcrumb-item:focus{outline:1px solid #22d3ee;outline:1px solid var(--accent);outline-offset:1px}.breadcrumb-item.current{color:#e9eef7;color:var(--text);cursor:default;font-weight:500}.breadcrumb-item.current:hover{background:#0000}.cm-minimap{background:#0f1a34;background:var(--panel-strong);border-left:1px solid #ffffff14;border-left:1px solid var(--border)}.cm-minimap-overlay{background:#22d3ee1a;border:1px solid #22d3ee4d}.cm-minimap-gutter-element{background:#22d3ee66}.outline-panel{border-top:1px solid #ffffff14;border-top:1px solid var(--border);margin-top:8px}.outline-header{align-items:center;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:background .12s ease;-webkit-user-select:none;user-select:none}.outline-header:hover{background:#ffffff0a;background:var(--panel-subtle)}.outline-collapse-icon{color:#9fb2c7;color:var(--muted);font-size:10px;transition:transform .15s ease}.outline-collapse-icon.expanded{transform:rotate(90deg)}.outline-title{font-size:11px;font-weight:600;letter-spacing:.5px}.outline-count,.outline-title{color:#9fb2c7;color:var(--muted)}.outline-count{background:#0f1a34;background:var(--panel-strong);border-radius:10px;font-size:10px;margin-left:auto;padding:1px 6px}.outline-toolbar{align-items:center;display:flex;gap:6px;padding:4px 12px 8px}.outline-filter{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;color:#e9eef7;color:var(--text);flex:1 1;font-family:inherit;font-size:11px;padding:4px 8px}.outline-filter:focus{border-color:#22d3ee;border-color:var(--accent);outline:none}.outline-filter::placeholder{color:#9fb2c7;color:var(--muted)}.outline-sort-buttons{display:flex;gap:2px}.outline-sort-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:flex;font-size:10px;font-weight:600;height:22px;justify-content:center;transition:all .12s ease;width:22px}.outline-sort-btn:hover{background:#0f1a34;background:var(--panel-strong);color:#e9eef7;color:var(--text)}.outline-sort-btn.active{background:#22d3ee;background:var(--accent);color:#050914;color:var(--bg)}.outline-list{max-height:300px;overflow-y:auto;padding:0 4px 8px}.outline-empty{color:#9fb2c7;color:var(--muted);font-size:12px;padding:16px 12px;text-align:center}.outline-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#e9eef7;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:8px;padding:4px 8px;text-align:left;transition:background .12s ease;width:100%}.outline-item:hover{background:#ffffff0a;background:var(--panel-subtle)}.outline-icon{align-items:center;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:center;width:16px}.outline-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-line{color:#9fb2c7;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:10px}.source-control-panel{border-top:1px solid #ffffff14;border-top:1px solid var(--border);margin-top:8px}.source-control-header{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background .12s ease;-webkit-user-select:none;user-select:none}.source-control-header:hover{background:#ffffff0a;background:var(--panel-subtle)}.source-control-collapse-icon{color:#9fb2c7;color:var(--muted);font-size:8px;transition:transform .2s ease}.source-control-collapse-icon.expanded{transform:rotate(90deg)}.source-control-title{color:#9fb2c7;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.05em}.source-control-branch{background:#22d3ee1a;border-radius:4px;color:#22d3ee;color:var(--accent);font-size:10px;margin-left:auto;padding:2px 6px}.source-control-badge{background:#22d3ee;background:var(--accent);border-radius:10px;color:#050914;color:var(--bg);font-size:10px;font-weight:600;min-width:16px;padding:1px 6px;text-align:center}.source-control-content{padding:0 8px 12px}.commit-input-container{margin-bottom:12px}.commit-message-input{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:#e9eef7;color:var(--text);font-family:inherit;font-size:12px;min-height:60px;padding:8px 10px;resize:vertical;width:100%}.commit-message-input:focus{border-color:#22d3ee;border-color:var(--accent);outline:none}.commit-message-input::placeholder{color:#9fb2c7;color:var(--muted)}.commit-button{background:#22d3ee;background:var(--accent);border:none;border-radius:6px;color:#050914;color:var(--bg);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .15s ease;width:100%}.commit-button:hover:not(:disabled){filter:brightness(1.1)}.commit-button:disabled{cursor:not-allowed;opacity:.5}.file-section{margin-top:8px}.file-section-header{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:6px 8px;transition:background .12s ease;-webkit-user-select:none;user-select:none}.file-section-header:hover{background:#ffffff0a;background:var(--panel-subtle)}.section-collapse-icon{color:#9fb2c7;color:var(--muted);font-size:8px;transition:transform .2s ease}.section-collapse-icon.expanded{transform:rotate(90deg)}.section-title{color:#e9eef7;color:var(--text);flex:1 1;font-size:11px;font-weight:500}.section-count{background:#0f1a34;background:var(--panel-strong);border-radius:10px;font-size:10px;padding:1px 6px}.section-action,.section-count{color:#9fb2c7;color:var(--muted)}.section-action{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:18px;justify-content:center;opacity:0;transition:all .12s ease;width:18px}.file-section-header:hover .section-action{opacity:1}.section-action:hover{background:#0f1a34;background:var(--panel-strong);color:#e9eef7;color:var(--text)}.file-list{margin-top:4px}.file-item{align-items:center;border-radius:4px;display:flex;gap:6px;padding:4px 8px 4px 20px;transition:background .12s ease}.file-item:hover{background:#ffffff0a;background:var(--panel-subtle)}.file-item.staged{background:#22d3ee0d}.file-status{flex-shrink:0;font-size:10px;font-weight:700;text-align:center;width:14px}.file-path{color:#e9eef7;color:var(--text);cursor:pointer;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-path:hover{text-decoration:underline}.file-dir{color:#9fb2c7;color:var(--muted);flex:1 1;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s ease}.file-item:hover .file-actions{opacity:1}.file-action{align-items:center;background:#0000;border:none;border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;transition:all .12s ease;width:18px}.file-action:hover{background:#0f1a34;background:var(--panel-strong);color:#e9eef7;color:var(--text)}.source-control-empty{color:#9fb2c7;color:var(--muted);font-size:12px;padding:16px 12px;text-align:center}.git-error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#f87171;color:var(--danger);display:flex;font-size:11px;gap:8px;margin-bottom:8px;padding:8px 10px}.git-error-message .error-icon{flex-shrink:0}.git-error-message .error-text{flex:1 1;word-break:break-word}.git-actions-toolbar{display:flex;gap:6px;margin-bottom:10px}.git-action-btn{align-items:center;background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:5px;color:#e9eef7;color:var(--text);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:11px;gap:4px;justify-content:center;padding:6px 8px;transition:all .15s ease}.git-action-btn:hover:not(:disabled){background:#ffffff0a;background:var(--panel-subtle);border-color:#22d3ee;border-color:var(--accent)}.git-action-btn:disabled{cursor:not-allowed;opacity:.5}.git-action-btn.sync-btn{background:#22d3ee;background:var(--accent);border-color:#22d3ee;border-color:var(--accent);color:#050914;color:var(--bg)}.git-action-btn.sync-btn:hover:not(:disabled){filter:brightness(1.1)}.git-action-btn .action-badge{background:#22d3ee;background:var(--accent);border-radius:8px;color:#050914;color:var(--bg);font-size:9px;margin-left:2px;padding:1px 5px}.git-action-btn.sync-btn .action-badge{background:#050914;background:var(--bg);color:#22d3ee;color:var(--accent)}.source-control-branch-selector{align-items:center;background:#22d3ee1a;border-radius:5px;cursor:pointer;display:flex;gap:6px;margin-left:auto;padding:3px 8px;transition:background .15s ease}.source-control-branch-selector:hover{background:#22d3ee33}.source-control-branch-selector .branch-icon{color:#22d3ee;color:var(--accent);font-size:11px}.source-control-branch-selector .source-control-branch{background:none;margin-left:0;padding:0}.source-control-branch-selector .sync-status{display:flex;font-size:10px;gap:4px}.source-control-branch-selector .ahead{color:#34d399;color:var(--success)}.source-control-branch-selector .behind{color:#f59e0b;color:var(--warning)}.source-control-branch-selector .branch-dropdown-icon{color:#9fb2c7;color:var(--muted);font-size:8px;margin-left:2px}.branch-menu{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow);margin:0 8px 8px;position:relative;z-index:100}.branch-menu-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#9fb2c7;color:var(--muted);display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.05em;padding:10px 12px;text-transform:uppercase}.branch-menu-action{align-items:center;background:#22d3ee;background:var(--accent);border:none;border-radius:4px;color:#050914;color:var(--bg);cursor:pointer;display:flex;font-size:16px;font-weight:500;height:20px;justify-content:center;transition:filter .15s ease;width:20px}.branch-menu-action:hover{filter:brightness(1.1)}.new-branch-input-row{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:8px 12px}.new-branch-input{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:5px;color:#e9eef7;color:var(--text);flex:1 1;font-family:inherit;font-size:12px;padding:6px 10px}.new-branch-input:focus{border-color:#22d3ee;border-color:var(--accent);outline:none}.new-branch-confirm{align-items:center;background:#34d399;background:var(--success);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;width:28px}.branch-list{max-height:200px;overflow-y:auto}.branch-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .12s ease}.branch-item:hover{background:#ffffff0a;background:var(--panel-subtle)}.branch-item.current{background:#22d3ee1a}.branch-item .branch-name{color:#e9eef7;color:var(--text);flex:1 1;font-size:12px}.branch-item.current .branch-name{color:#22d3ee;color:var(--accent);font-weight:500}.branch-item .branch-remote{background:#0f1a34;background:var(--panel-strong);border-radius:4px;color:#9fb2c7;color:var(--muted);font-size:10px;padding:2px 6px}.branch-item .branch-delete{align-items:center;background:#0000;border:none;border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;opacity:0;transition:all .12s ease;width:18px}.branch-item:hover .branch-delete{opacity:1}.branch-item .branch-delete:hover{background:#ef444433;color:#f87171;color:var(--danger)}.branch-empty{color:#9fb2c7;color:var(--muted);font-size:12px;padding:16px 12px;text-align:center}.branch-menu-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.references-modal{background:#0b1224;background:var(--panel);border-radius:12px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:70vh;max-width:90vw;overflow:hidden;width:600px}.references-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.references-title{color:#e9eef7;color:var(--text);font-size:14px}.references-title strong{color:#22d3ee;color:var(--accent)}.references-count{color:#9fb2c7;color:var(--muted);font-size:12px}.references-filter{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#e9eef7;color:var(--text);font-family:inherit;font-size:13px;margin:12px 16px;padding:10px 12px}.references-filter:focus{border-color:#22d3ee;border-color:var(--accent);outline:none}.references-filter::placeholder{color:#9fb2c7;color:var(--muted)}.references-list{flex:1 1;overflow-y:auto;padding:0 8px 16px}.ref-group{margin-bottom:8px}.ref-group-header{align-items:center;background:#ffffff0a;background:var(--panel-subtle);border-radius:6px;color:#e9eef7;color:var(--text);display:flex;font-size:12px;gap:8px;margin-bottom:4px;padding:6px 8px}.ref-file-icon{font-size:14px}.ref-file-path{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-file-count{background:#0f1a34;background:var(--panel-strong);border-radius:10px;color:#9fb2c7;color:var(--muted);font-size:10px;padding:2px 6px}.ref-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#e9eef7;color:var(--text);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:12px;gap:12px;padding:6px 8px 6px 28px;text-align:left;transition:background .12s ease;width:100%}.ref-item:hover{background:#ffffff0a;background:var(--panel-subtle)}.ref-item.selected{background:#22d3ee26}.ref-line-number{color:#9fb2c7;color:var(--muted);font-size:11px;min-width:32px;text-align:right}.ref-preview{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.references-empty{color:#9fb2c7;color:var(--muted);font-size:13px;padding:24px;text-align:center}.side-by-side-diff{background:#050914;background:var(--bg);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.diff-header{align-items:center;background:#0f1a34;background:var(--panel-strong);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 12px}.diff-stats{display:flex;gap:12px}.diff-stat{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.diff-stat.additions{background:#22c55e26;color:#34d399;color:var(--success)}.diff-stat.deletions{background:#ef444426;color:#f87171;color:var(--danger)}.diff-stat.modifications{background:#eab30826;color:#f59e0b;color:var(--warning)}.diff-close-btn{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .15s ease;width:28px}.diff-close-btn:hover{background:#ffffff0a;background:var(--panel-subtle);color:#e9eef7;color:var(--text)}.diff-titles{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex}.diff-title{background:#0b1224;background:var(--panel);color:#9fb2c7;color:var(--muted);flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;text-align:center}.diff-title.left{border-right:1px solid #ffffff14;border-right:1px solid var(--border)}.diff-content{display:flex;flex:1 1;overflow:hidden}.diff-pane{flex:1 1;font-family:SF Mono,Fira Code,Monaco,monospace;font-size:13px;line-height:1.5;overflow-x:auto;overflow-y:auto}.diff-pane.left{border-right:1px solid #ffffff14;border-right:1px solid var(--border)}.diff-divider{background:#ffffff14;background:var(--border);width:1px}.diff-line{display:flex;min-height:20px;padding:0 8px}.diff-line.equal{background:#0000}.diff-line.add{background:#22c55e26}.diff-line.del{background:#ef444426}.diff-line.empty{background:#ffffff0a;background:var(--panel-subtle)}.diff-line-no{color:#9fb2c7;color:var(--muted);flex-shrink:0;min-width:40px;padding-right:12px;text-align:right;-webkit-user-select:none;user-select:none}.diff-line-content{flex:1 1;white-space:pre}.diff-line.add .diff-line-content{color:#34d399;color:var(--success)}.diff-line.del .diff-line-content{color:#f87171;color:var(--danger)}.diff-inline-highlight{background:#ffd54f4d;border-radius:2px}.diff-line.add .diff-inline-highlight{background:#22c55e66}.diff-line.del .diff-inline-highlight{background:#ef444466}.diff-modal{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #00000080;height:80vh;left:50%;max-width:1200px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}.rename-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;inset:0;position:fixed;z-index:999}.rename-modal{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #00000080;left:50%;max-width:90vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:480px;z-index:1000}.rename-modal-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.rename-modal-title{color:#e9eef7;color:var(--text);font-size:14px;font-weight:600;margin:0}.rename-modal-close{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .15s ease;width:28px}.rename-modal-close:hover{background:#ffffff0a;background:var(--panel-subtle);color:#e9eef7;color:var(--text)}.rename-modal-content{padding:16px}.rename-input-group{margin-bottom:16px}.rename-label{color:#e9eef7;color:var(--text);display:block;font-size:13px;margin-bottom:8px}.rename-label strong{color:#22d3ee;color:var(--accent)}.rename-input{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:#e9eef7;color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;padding:10px 12px;width:100%}.rename-input:focus{border-color:#22d3ee;border-color:var(--accent);outline:none}.rename-preview{background:#0f1a34;background:var(--panel-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;overflow:hidden}.rename-preview-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 12px}.rename-preview-title{color:#9fb2c7;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.rename-preview-count{color:#9fb2c7;color:var(--muted);font-size:11px}.rename-preview-list{max-height:200px;overflow-y:auto}.rename-preview-file{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:8px 12px}.rename-preview-file:last-child{border-bottom:none}.rename-preview-file-name{color:#e9eef7;color:var(--text);font-size:12px;font-weight:500}.rename-preview-file-path{color:#9fb2c7;color:var(--muted);flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename-preview-file-count{background:#0b1224;background:var(--panel);border-radius:10px;color:#9fb2c7;color:var(--muted);font-size:10px;padding:2px 6px}.rename-preview-more{color:#9fb2c7;color:var(--muted);font-size:11px;font-style:italic;padding:8px 12px}.rename-modal-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:16px}.rename-btn{border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.rename-btn.cancel{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);color:#e9eef7;color:var(--text)}.rename-btn.cancel:hover:not(:disabled){background:#ffffff0a;background:var(--panel-subtle)}.rename-btn.confirm{background:#22d3ee;background:var(--accent);border:1px solid #22d3ee;border:1px solid var(--accent);color:#050914;color:var(--bg)}.rename-btn.confirm:hover:not(:disabled){filter:brightness(1.1)}.rename-btn:disabled{cursor:not-allowed;opacity:.5}.peek-definition-panel{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;max-height:400px;max-width:90vw;overflow:hidden;width:550px}.peek-definition-header{align-items:center;background:#0f1a34;background:var(--panel-strong);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 12px}.peek-definition-title{align-items:center;display:flex;gap:12px;min-width:0}.peek-symbol{color:#22d3ee;color:var(--accent);font-size:13px;font-weight:600}.peek-path{color:#9fb2c7;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peek-definition-actions{display:flex;gap:8px}.peek-close-btn,.peek-goto-btn{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;color:#e9eef7;color:var(--text);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s ease}.peek-close-btn:hover,.peek-goto-btn:hover{background:#ffffff0a;background:var(--panel-subtle)}.peek-goto-btn{background:#22d3ee;background:var(--accent);border-color:#22d3ee;border-color:var(--accent);color:#050914;color:var(--bg)}.peek-goto-btn:hover{filter:brightness(1.1)}.peek-definition-code{max-height:320px;overflow:auto;padding:8px 0}.peek-definition-code pre{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;margin:0}.peek-line{display:flex;padding:0 12px}.peek-line-highlight{background:#22d3ee26}:root[data-theme=light] .peek-line-highlight{background:#2563eb1f}.peek-line-number{color:#9fb2c7;color:var(--muted);flex-shrink:0;padding-right:16px;text-align:right;-webkit-user-select:none;user-select:none;width:40px}.peek-line-content{color:#e9eef7;color:var(--text);white-space:pre}.git-log-panel{background:#0b1224;background:var(--panel);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.git-log-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.git-log-header h3{color:#e9eef7;color:var(--text);font-size:13px;font-weight:600;margin:0}.git-log-filter{background:#050914;background:var(--bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;color:#e9eef7;color:var(--text);flex:1 1;font-size:12px;max-width:200px;padding:4px 8px}.git-log-filter::placeholder{color:#9fb2c7;color:var(--muted)}.git-log-list{flex:1 1;overflow-y:auto;padding:8px 0}.git-log-empty,.git-log-loading{align-items:center;color:#9fb2c7;color:var(--muted);display:flex;font-size:13px;height:100px;justify-content:center}.git-log-item{cursor:pointer;display:flex;padding:8px 16px;transition:background .15s}.git-log-item:hover{background:#22d3ee0f}.git-log-item.selected{background:#22d3ee1f}.git-log-graph{align-items:center;display:flex;flex-direction:column;flex-shrink:0;margin-right:12px;width:20px}.git-log-node{background:#9fb2c7;background:var(--muted);border:2px solid #0b1224;border:2px solid var(--panel);border-radius:50%;flex-shrink:0;height:10px;width:10px}.git-log-node.current{background:#22d3ee;background:var(--accent)}.git-log-line{background:#ffffff14;background:var(--border);flex:1 1;min-height:20px;width:2px}.git-log-content{flex:1 1;min-width:0}.git-log-message{color:#e9eef7;color:var(--text);font-size:13px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-log-meta{color:#9fb2c7;color:var(--muted);display:flex;font-size:11px;gap:12px}.git-log-hash{color:#22d3ee;color:var(--accent);font-family:var(--font-mono)}.git-log-author,.git-log-date{flex-shrink:0}.git-log-load-more{background:#050914;background:var(--bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;color:#e9eef7;color:var(--text);cursor:pointer;display:block;font-size:12px;margin:8px 16px 16px;padding:8px;transition:background .15s;width:calc(100% - 32px)}.git-log-load-more:hover{background:#22d3ee1a;border-color:#22d3ee;border-color:var(--accent)}.cm-git-blame-gutter{background:#00000026;border-right:1px solid #ffffff14;border-right:1px solid var(--border);width:140px!important}.git-blame-gutter{align-items:center;cursor:pointer;display:flex;font-size:11px;gap:8px;height:100%;justify-content:flex-end;padding:0 8px;transition:background .15s;width:100%}.git-blame-gutter:hover{background:#22d3ee1a}.git-blame-author{color:#9fb2c7;color:var(--muted);font-weight:500;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-blame-date{color:#22d3ee;color:var(--accent);font-family:var(--font-mono);font-size:10px;white-space:nowrap}.recent-files-panel{border-top:1px solid #ffffff14;border-top:1px solid var(--border);margin-top:8px}.recent-files-header{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .15s}.recent-files-header:hover{background:#ffffff08}.collapse-icon{color:#9fb2c7;color:var(--muted);font-size:10px;transition:transform .2s}.collapse-icon.collapsed{transform:rotate(-90deg)}.recent-files-title{color:#9fb2c7;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.recent-files-count{background:#ffffff14;background:var(--border);border-radius:10px;color:#e9eef7;color:var(--text);font-size:10px;margin-left:auto;padding:2px 6px}.recent-files-clear{background:#0000;border:none;border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;font-size:10px;padding:2px 4px;transition:all .15s}.recent-files-clear:hover{background:#ef444433;color:#f87171;color:var(--danger)}.recent-files-list{max-height:200px;overflow-y:auto;padding:4px 0}.recent-file-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:background .15s}.recent-file-item:hover{background:#22d3ee0f}.recent-file-item.active{background:#22d3ee1f;border-left:2px solid #22d3ee;border-left:2px solid var(--accent)}.recent-file-icon{flex-shrink:0;font-size:14px}.recent-file-name{color:#e9eef7;color:var(--text);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-file-time{flex-shrink:0}.recent-file-remove,.recent-file-time{color:#9fb2c7;color:var(--muted);font-size:10px}.recent-file-remove{background:#0000;border:none;border-radius:4px;cursor:pointer;opacity:0;padding:2px 4px;transition:all .15s}.recent-file-item:hover .recent-file-remove{opacity:1}.recent-file-remove:hover{background:#ef444433;color:#f87171;color:var(--danger)}.favorite-files-panel{border-top:1px solid #ffffff14;border-top:1px solid var(--border);margin-top:8px}.favorite-files-header{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .15s}.favorite-files-header:hover{background:#ffffff08}.favorite-files-title{color:#9fb2c7;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.favorite-files-count{background:#facc1533;border-radius:10px;color:#fbbf24;font-size:10px;margin-left:auto;padding:2px 6px}.favorite-files-clear{background:#0000;border:none;border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;font-size:10px;padding:2px 4px;transition:all .15s}.favorite-files-clear:hover{background:#ef444433;color:#f87171;color:var(--danger)}.favorite-files-list{max-height:150px;overflow-y:auto;padding:4px 0}.favorite-file-item{align-items:center;cursor:pointer;display:flex;gap:6px;padding:6px 12px;transition:background .15s}.favorite-file-item:hover{background:#facc150f}.favorite-file-item.active{background:#facc151f;border-left:2px solid #fbbf24}.favorite-file-star{color:#fbbf24;flex-shrink:0;font-size:10px}.favorite-file-icon{flex-shrink:0;font-size:14px}.favorite-file-name{color:#e9eef7;color:var(--text);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-file-remove{background:#0000;border:none;border-radius:4px;color:#9fb2c7;color:var(--muted);cursor:pointer;font-size:10px;opacity:0;padding:2px 4px;transition:all .15s}.favorite-file-item:hover .favorite-file-remove{opacity:1}.favorite-file-remove:hover{background:#ef444433;color:#f87171;color:var(--danger)}.cm-tooltip.cm-tooltip-autocomplete{background:#0b1224!important;background:var(--panel)!important;border:1px solid #ffffff14!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:0 8px 24px #0000004d!important;overflow:hidden!important}.cm-tooltip.cm-tooltip-autocomplete>ul{font-family:JetBrains Mono,monospace!important;font-size:12px!important;max-height:300px!important}.cm-tooltip.cm-tooltip-autocomplete>ul>li{align-items:center!important;border-bottom:1px solid #ffffff14!important;border-bottom:1px solid var(--border)!important;display:flex!important;gap:8px!important;padding:6px 12px!important}.cm-tooltip.cm-tooltip-autocomplete>ul>li:last-child{border-bottom:none!important}.cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{background:#22d3ee26!important;color:#e9eef7!important;color:var(--text)!important}.cm-completionIcon{align-items:center!important;border-radius:4px!important;display:flex!important;font-size:11px!important;height:20px!important;justify-content:center!important;width:20px!important}.cm-completionIcon-snippet{background:#f59e0b33!important;color:#f59e0b!important;color:var(--warning)!important}.cm-completionIcon-snippet:after{content:"{}"!important}.cm-completionLabel{color:#e9eef7!important;color:var(--text)!important;flex:1 1!important}.cm-completionDetail{color:#9fb2c7!important;color:var(--muted)!important;font-size:11px!important;opacity:.7!important}.cm-completionMatchedText{color:#22d3ee!important;color:var(--accent)!important;font-weight:600!important}.cm-snippet-completion{background:#0000!important}.cm-snippetField{background:#22d3ee33!important;border-radius:2px!important}.cm-tooltip-hover{background:#0b1224!important;background:var(--panel)!important;border:1px solid #ffffff14!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:0 8px 24px #0006!important;max-width:480px!important;overflow:hidden!important}.hover-doc-tooltip{font-size:12px;line-height:1.5;padding:10px 14px}.hover-doc-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.hover-doc-kind{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.hover-doc-kind,.hover-doc-kind.function{background:#22d3ee26;color:#22d3ee;color:var(--accent)}.hover-doc-kind.class{background:#a855f726;color:#a855f7}.hover-doc-kind.interface{background:#3b82f626;color:#3b82f6}.hover-doc-kind.type{background:#f9731626;color:#f97316}.hover-doc-kind.property,.hover-doc-kind.variable{background:#22c55e26;color:#22c55e}.hover-doc-kind.method{background:#eab30826;color:#eab308}.hover-doc-kind.enum{background:#ef444426;color:#ef4444}.hover-doc-name{color:#e9eef7;color:var(--text);font-family:JetBrains Mono,monospace;font-weight:600}.hover-doc-type{margin-bottom:8px}.hover-doc-type code{background:#0003;border-radius:4px;color:#9fb2c7;color:var(--muted);display:inline-block;font-family:JetBrains Mono,monospace;font-size:11px;max-width:100%;overflow-x:auto;padding:4px 8px}.hover-doc-description{color:#e9eef7;color:var(--text)}.hover-doc-description p{margin:0 0 8px}.hover-doc-params,.hover-doc-returns{border-top:1px solid #ffffff14;border-top:1px solid var(--border);font-size:11px;margin-top:8px;padding-top:8px}.hover-doc-params strong,.hover-doc-returns strong{color:#9fb2c7;color:var(--muted);font-weight:500}.hover-doc-param{margin-top:4px;padding-left:12px}.param-name{color:#22d3ee;color:var(--accent)}.param-name,.param-type{font-family:JetBrains Mono,monospace}.param-type{color:#9fb2c7;color:var(--muted)}.signature-help-panel{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;bottom:100%;box-shadow:0 -4px 16px #0000004d;font-size:12px;left:0;padding:10px 14px;position:absolute;right:0;z-index:100}.signature-help-panel[style*="display: none"]{display:none!important}.signature-help-header{align-items:baseline;display:flex;flex-wrap:wrap;font-family:JetBrains Mono,monospace;gap:2px}.signature-help-name{color:#22d3ee;color:var(--accent);font-weight:600}.signature-help-params{color:#e9eef7;color:var(--text)}.signature-help-param{color:#9fb2c7;color:var(--muted);transition:all .15s ease}.signature-help-param.active{color:#e9eef7;color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:2px}.signature-help-type{color:#9fb2c7;color:var(--muted);opacity:.8}.signature-help-return{color:#9fb2c7;color:var(--muted);margin-left:4px}.signature-help-description{border-top:1px solid #ffffff14;border-top:1px solid var(--border);color:#9fb2c7;color:var(--muted);line-height:1.5;margin-top:8px;padding-top:8px}.quick-fix-container{pointer-events:auto;z-index:1000}.quick-fix-menu{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;max-width:400px;min-width:280px;overflow:hidden}.quick-fix-item{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .1s ease}.quick-fix-item:last-child{border-bottom:none}.quick-fix-item:hover{background:#22d3ee1a}.quick-fix-icon{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.quick-fix-item.import .quick-fix-icon{background:#22d3ee26;color:#22d3ee;color:var(--accent)}.quick-fix-item.refactor .quick-fix-icon{background:#a855f726;color:#a855f7}.quick-fix-item.fix .quick-fix-icon{background:#22c55e26;color:#22c55e}.quick-fix-item.extract .quick-fix-icon{background:#f9731626;color:#f97316}.quick-fix-title{color:#e9eef7;color:var(--text);flex:1 1;font-size:13px}.network-panel{display:flex;flex-direction:column;height:100%;max-height:300px}.network-toolbar{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px}.network-filters{display:flex;gap:4px}.network-list{flex:1 1;font-family:JetBrains Mono,monospace;font-size:11px;overflow-y:auto}.network-empty{padding:20px;text-align:center}.network-item{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:background .1s ease}.network-item:hover{background:#ffffff08}.network-item.selected{background:#22d3ee1a}.network-method{border-radius:4px;font-size:10px;font-weight:600;min-width:40px;padding:2px 6px;text-align:center;text-transform:uppercase}.network-method.get{background:#22c55e26;color:#22c55e}.network-method.post{background:#3b82f626;color:#3b82f6}.network-method.put{background:#f9731626;color:#f97316}.network-method.delete{background:#ef444426;color:#ef4444}.network-method.patch{background:#a855f726;color:#a855f7}.network-url{color:#e9eef7;color:var(--text);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-status{font-weight:500;min-width:40px;text-align:center}.network-status.success{color:#22c55e}.network-status.warning{color:#eab308}.network-status.error{color:#ef4444}.network-status.pending{color:#9fb2c7;color:var(--muted)}.network-status.redirect{color:#3b82f6}.network-duration{color:#9fb2c7;color:var(--muted);min-width:60px;text-align:right}.network-details{border-top:1px solid #ffffff14;border-top:1px solid var(--border);max-height:200px;overflow-y:auto}.network-details-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:8px 12px}.network-details-url{flex:1 1;font-family:JetBrains Mono,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-close{background:none;border:none;color:#9fb2c7;color:var(--muted);cursor:pointer;font-size:18px;padding:0 4px}.network-close:hover{color:#e9eef7;color:var(--text)}.network-details-content{padding:8px 12px}.network-detail-section{margin-bottom:12px}.network-detail-section h4{color:#9fb2c7;color:var(--muted);font-size:11px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.network-detail-row{display:flex;font-size:11px;gap:8px;margin-bottom:4px;word-break:break-all}.network-detail-label{color:#9fb2c7;color:var(--muted);flex-shrink:0;min-width:100px}.network-detail-value{color:#e9eef7;color:var(--text);flex:1 1}.network-body{background:#0003;border-radius:4px;font-size:10px;margin:0;max-height:100px;overflow-x:auto;padding:8px;white-space:pre-wrap;word-break:break-all}.time-machine-modal{height:80vh;max-height:700px;max-width:1000px;width:90%}.time-machine-icon{margin-right:8px}.time-machine-content{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;flex:1 1;overflow:hidden}.time-machine-commits{border-right:1px solid #ffffff14;border-right:1px solid var(--border);display:flex;flex-direction:column;width:320px}.time-machine-section-title{background:#0003;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#9fb2c7;color:var(--muted);font-size:11px;font-weight:600;padding:12px 16px;text-transform:uppercase}.time-machine-commit-list{flex:1 1;overflow-y:auto}.time-machine-commit{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);cursor:pointer;padding:12px 16px;transition:background .1s ease}.time-machine-commit:hover{background:#ffffff08}.time-machine-commit.selected{background:#22d3ee1a;border-left:3px solid #22d3ee;border-left:3px solid var(--accent)}.time-machine-commit-hash{color:#22d3ee;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:11px;margin-bottom:4px}.time-machine-commit-info{display:flex;flex-direction:column;gap:4px}.time-machine-commit-message{color:#e9eef7;color:var(--text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-machine-commit-meta{color:#9fb2c7;color:var(--muted);display:flex;font-size:11px;gap:12px}.time-machine-preview{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.time-machine-preview-content{flex:1 1;overflow:auto;padding:0}.time-machine-error,.time-machine-loading,.time-machine-placeholder{align-items:center;color:#9fb2c7;color:var(--muted);display:flex;font-size:14px;height:100%;justify-content:center}.time-machine-error{color:#ef4444}.time-machine-code{background:#0003;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;margin:0;min-height:100%;overflow-x:auto;padding:16px;white-space:pre}.cm-snippetFieldPosition{border-left:2px solid #22d3ee!important;border-left:2px solid var(--accent)!important}.capture-menu-wrapper{position:relative}.capture-btn{min-width:90px;transition:all .2s ease}.capture-btn.capturing{background:#60a5fa33;color:#60a5fa;color:var(--info);cursor:wait}.capture-btn.success{background:#34d39933;color:#34d399;color:var(--success)}.capture-btn.error{background:#f8717133;color:#f87171;color:var(--danger)}.capture-menu{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000004d;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.capture-menu button{background:#0000;border:none;color:#e9eef7;color:var(--text);cursor:pointer;display:block;font-size:12px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.capture-menu button:hover{background:#22d3ee26;color:#22d3ee;color:var(--accent)}.capture-menu button:not(:last-child){border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border)}.device-selector{align-items:center;display:flex;gap:6px}.device-select{background:#0b1224;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#e9eef7;color:var(--text);cursor:pointer;font-family:inherit;font-size:11px;min-width:160px;padding:6px 10px;transition:all .15s ease}.device-select:focus,.device-select:hover{border-color:#22d3ee;border-color:var(--accent)}.device-select:focus{box-shadow:0 0 0 2px #22d3ee33;outline:none}.device-select optgroup{background:#0f1a34;background:var(--panel-strong);color:#9fb2c7;color:var(--muted);font-weight:600}.device-select option{color:#e9eef7;color:var(--text);padding:4px 8px}.device-select option,.orientation-btn{background:#0b1224;background:var(--panel)}.orientation-btn{align-items:center;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#9fb2c7;color:var(--muted);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.orientation-btn:hover{border-color:#22d3ee;border-color:var(--accent)}.orientation-btn.portrait,.orientation-btn:hover{color:#22d3ee;color:var(--accent)}.orientation-btn.landscape{color:#f59e0b;color:var(--warning)}.cm-path-completion{background:#0000!important}.cm-completionIcon-file{background:#60a5fa33!important;color:#60a5fa!important;color:var(--info)!important}.cm-completionIcon-file:after{content:"📄"!important;font-size:10px!important}.shortcuts-modal{display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:800px;width:90%}.shortcuts-search{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:12px 16px}.shortcuts-search input{background:#0003;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#e9eef7;color:var(--text);font-size:13px;padding:8px 12px;width:100%}.shortcuts-search input::placeholder{color:#9fb2c7;color:var(--muted)}.shortcuts-search input:focus{border-color:#22d3ee;border-color:var(--accent);outline:none}.shortcuts-categories{background:#0000001a;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px}.shortcuts-category-btn{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;color:#9fb2c7;color:var(--muted);cursor:pointer;font-size:11px;padding:6px 12px;transition:all .15s ease}.shortcuts-category-btn:hover{border-color:#22d3ee;border-color:var(--accent);color:#e9eef7;color:var(--text)}.shortcuts-category-btn.active{background:#22d3ee;background:var(--accent);border-color:#22d3ee;border-color:var(--accent);color:#050914;color:var(--bg)}.shortcuts-content{flex:1 1;overflow-y:auto;padding:16px}.shortcuts-section{margin-bottom:24px}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section-title{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#22d3ee;color:var(--accent);font-size:13px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.shortcuts-list{grid-gap:8px;display:grid;gap:8px}.shortcut-item{background:#0000001a;border-radius:6px;justify-content:space-between;padding:8px 12px}.shortcut-item,.shortcut-keys{align-items:center;display:flex}.shortcut-keys{gap:4px}.shortcut-key{align-items:center;background:#ffffff1a;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 0 #0003;color:#e9eef7;color:var(--text);display:inline-flex;font-family:JetBrains Mono,monospace;font-size:11px;height:24px;justify-content:center;min-width:28px;padding:0 8px}.shortcut-plus{color:#9fb2c7;color:var(--muted);font-size:10px;margin:0 2px}.shortcut-description,.shortcuts-empty{color:#9fb2c7;color:var(--muted);font-size:13px}.shortcuts-empty{padding:40px 20px;text-align:center}.shortcuts-tip{color:#9fb2c7;color:var(--muted);font-size:11px}.shortcuts-tip kbd{background:#ffffff1a;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:3px;font-size:10px;margin:0 2px;padding:2px 5px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[data-reduced-motion=true] *,[data-reduced-motion=true] :after,[data-reduced-motion=true] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}@media(prefers-reduced-motion: reduce),[data-reduced-motion=true] .essential-animation{.essential-animation{animation-duration:inherit!important;transition-duration:inherit!important}}@media (prefers-contrast:more){:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--text:#fff;--text-secondary:#e0e0e0;--muted:#b0b0b0;--border:#fff;--border-subtle:grey;--accent:#0ff;--accent-hover:#40ffff;--success:#0f0;--warning:#ff0;--error:#ff4040;--info:#4080ff;--panel-subtle:#ffffff26}}[data-high-contrast=true]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--text:#fff;--text-secondary:#e0e0e0;--muted:#b0b0b0;--border:#fff;--border-subtle:grey;--accent:#0ff;--accent-hover:#40ffff;--success:#0f0;--warning:#ff0;--error:#ff4040;--info:#4080ff;--panel-subtle:#ffffff26}[data-high-contrast=true][data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e8e8e8;--text:#000;--text-secondary:#1a1a1a;--muted:#404040;--border:#000;--border-subtle:#606060;--accent:#00f;--accent-hover:#00c;--success:green;--warning:#806000;--error:#c00;--info:#06c;--panel-subtle:#0000001a}[data-high-contrast=true] .editor-panel,[data-high-contrast=true] .modal,[data-high-contrast=true] .panel,[data-high-contrast=true] .preview-panel,[data-high-contrast=true] .sidebar{border-width:2px}[data-high-contrast=true] :focus{outline:3px solid #22d3ee!important;outline:3px solid var(--accent)!important;outline-offset:2px}[data-high-contrast=true]{font-weight:500}[data-high-contrast=true] .cm-content,[data-high-contrast=true] code{font-weight:400}[data-color-blind-mode=protanopia]{filter:url(#protanopia-filter)}[data-color-blind-mode=deuteranopia]{filter:url(#deuteranopia-filter)}[data-color-blind-mode=tritanopia]{filter:url(#tritanopia-filter)}[data-color-blind-mode=achromatopsia]{filter:grayscale(100%)}[data-color-blind-mode=deuteranopia],[data-color-blind-mode=protanopia]{--success:#4a90d9;--error:#d97706;--warning:#9333ea}[data-color-blind-mode=tritanopia]{--success:#059669;--error:#dc2626;--warning:#7c3aed;--info:#ea580c}.skeleton-animate{overflow:hidden;position:relative}.skeleton-animate:after{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}[data-reduced-motion=true] .skeleton-animate:after{animation:none}[data-theme=light] .skeleton-animate:after{background:linear-gradient(90deg,#0000,#00000008,#0000)}.skip-links{background:#0b1224;background:var(--panel);border-radius:0 0 8px 8px;box-shadow:0 20px 60px #00000059;box-shadow:var(--shadow);display:flex;gap:8px;left:0;padding:8px;position:absolute;top:-100px;transition:top .2s ease;z-index:10001}.skip-links:focus-within{top:0}.skip-link{background:#22d3ee;background:var(--accent);border-radius:4px;color:#fff;font-size:13px;font-weight:600;outline:none;padding:8px 16px;text-decoration:none;transition:transform .1s ease,background-color .1s ease}.skip-link:focus{box-shadow:0 0 0 3px #22d3ee4d;transform:scale(1.05)}.skip-link:focus,.skip-link:hover{background:#f59e0b;background:var(--accent-2)}:focus-visible{outline:2px solid #22d3ee;outline:2px solid var(--accent);outline-offset:2px}[data-high-contrast=true] :focus-visible{outline:3px solid #22d3ee;outline:3px solid var(--accent);outline-offset:3px}[data-reduced-motion=true] .skip-link,[data-reduced-motion=true] .skip-links{transition:none}@media (pointer:coarse){.pill-btn,.tab,.tree-item,button{min-height:44px;min-width:44px}.pill-btn{padding:10px 16px}.tree-row,.tree-view .tree-item{margin:2px 0;padding:12px 16px}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-thumb{min-height:48px;min-width:48px}.tabs .tab{min-height:44px;padding:12px 16px}input,select,textarea{font-size:16px;min-height:44px}.pill-btn:active,.tab:active,.tree-item:active,button:active{opacity:.8;transform:scale(.98)}.sidebar-toggle,.tab,.tree-item,button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.modal-close,.tab-close{font-size:18px;min-height:32px;min-width:32px}.context-menu-item{min-height:44px;padding:12px 16px}.resize-handle{width:16px}.modal-footer,.modal-header{padding:16px 20px}.modal-body{padding:16px}.panel-action-btn,.sidebar-toggle{min-height:44px;min-width:44px}.toolbar .pill-btn,.toolbar button{min-height:44px;min-width:44px;padding:10px}}@keyframes ripple-expand{0%{height:0;opacity:1;width:0}to{height:200px;opacity:0;width:200px}}.touch-ripple{animation:ripple-expand .4s ease-out forwards;background:#ffffff4d;border-radius:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.swipe-indicator{background:#22d3ee;background:var(--accent);border-radius:2px;height:60px;opacity:.5;position:fixed;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:4px;z-index:9999}.swipe-indicator.left{left:4px}.swipe-indicator.right{right:4px}.swipe-indicator.active{opacity:1}@media (max-width:768px) and (pointer:coarse){.layout{flex-direction:column;padding-bottom:56px}.sidebar-section{max-width:100%;width:100%!important}.preview-section{display:none}.top-bar{padding:8px 12px}.cm-content{font-size:14px}.modal{border-radius:16px 16px 0 0;bottom:56px;left:0;max-height:calc(85vh - 56px);max-width:100%;position:fixed;right:0;top:auto;width:100%}.modal-backdrop .modal{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (min-width:769px){.mobile-toolbar{display:none!important}}.mobile-toolbar button:active{transform:scale(.95)}.mobile-more-menu button:active,.mobile-toolbar button:active{background:#ffffff0a;background:var(--panel-subtle)}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{border:0;height:0;left:-9999em;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;resize:none;top:0;white-space:nowrap;width:0;z-index:-5}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;bottom:0;cursor:default;left:0;overflow-y:scroll;position:absolute;right:0;top:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{left:0;position:absolute;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;left:-9999em;line-height:normal;position:absolute;top:0;visibility:hidden}.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,.xterm .xterm-message{bottom:0;color:#0000;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.xterm .live-region{height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.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{position:absolute;z-index:6}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{pointer-events:none;position:absolute;right:0;top:0;z-index:8}.xterm-decoration-top{position:relative;z-index:2}
/*# sourceMappingURL=main.4e2cc14f.css.map*/