:root{--bg-primary: #282a36;--bg-sidebar: #21222c;--bg-activity: #1e1f29;--bg-terminal: #1e1f29;--accent-primary: #bd93f9;--accent-secondary: #ff79c6;--text-main: #f8f8f2;--text-muted: #6272a4;--text-comment: #6272a4;--text-success: #50fa7b;--text-warn: #f1fa8c;--text-error: #ff5555;--border-color: #44475a;--border-active: #bd93f9;--font-ui: "Inter", sans-serif;--font-mono: "Consolas", "JetBrains Mono", "Courier New", monospace}body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-ui)}*{box-sizing:border-box}.ide-root{display:flex;height:100vh;width:100vw;background-color:var(--bg-primary);flex-direction:column}.ide-main{display:flex;flex:1;height:calc(100vh - 25px)}.activity-bar{width:50px;background-color:var(--bg-activity);display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--border-color);padding-top:10px}.activity-btn{width:100%;height:50px;display:flex;justify-content:center;align-items:center;color:var(--text-muted);cursor:pointer;border-left:3px solid transparent;transition:all .2s;background:transparent;border:none}.activity-btn:hover{color:var(--text-main)}.activity-btn.active{color:var(--accent-primary);border-left:3px solid var(--accent-primary)}.sidebar{width:250px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:10px 15px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.sidebar-file-list{flex:1;overflow-y:auto}.sidebar-file-item{padding:5px 15px 5px 25px;font-size:13px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .1s}.sidebar-file-item:hover{background-color:#ffffff0d;color:var(--text-main)}.sidebar-file-item.active{background-color:#bd93f91a;color:var(--accent-primary)}.workspace{flex:1;display:flex;min-width:0}.editor-pane{flex:1;display:flex;flex-direction:column;min-width:200px;border-right:1px solid var(--border-color)}.pane-header{height:35px;background-color:var(--bg-sidebar);display:flex;align-items:center;padding:0;border-bottom:1px solid var(--border-color);overflow-x:auto}.pane-tab{padding:0 15px;height:100%;display:flex;align-items:center;font-size:13px;color:var(--text-muted);background:transparent;border-right:1px solid var(--border-color);border-top:2px solid transparent;cursor:pointer;gap:6px}.pane-tab.active{color:var(--text-main);background-color:var(--bg-primary);border-top:2px solid var(--accent-primary)}.editor-container{flex:1;position:relative}.preview-pane{flex:1;display:flex;flex-direction:column;min-width:200px}.preview-header{height:35px;background-color:var(--bg-sidebar);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.action-btn{background-color:var(--accent-primary);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;margin-right:10px;font-weight:500;transition:opacity .2s}.action-btn:hover{opacity:.8}.preview-container{flex:1;position:relative;background:#000}.preview-iframe{width:100%;height:100%;border:none}.stats-hud{position:absolute;top:10px;right:10px;background:#282a36cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color);border-radius:6px;padding:10px;font-size:12px;color:var(--accent-primary);pointer-events:none}.stats-hud-item{display:flex;justify-content:space-between;gap:15px;margin-bottom:4px}.stats-hud-item:last-child{margin-bottom:0}.stats-label{color:var(--text-main)}.terminal-pane{height:200px;background-color:var(--bg-terminal);border-top:1px solid var(--border-color);display:flex;flex-direction:column}.terminal-header{padding:5px 15px;font-size:11px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:var(--bg-sidebar)}.terminal-logs{flex:1;overflow-y:auto;padding:10px 15px;font-family:var(--font-mono);font-size:13px}.log-entry{margin-bottom:4px;line-height:1.4}.log-entry.log{color:var(--text-main)}.log-entry.warn{color:var(--text-warn)}.log-entry.error{color:var(--text-error)}.log-entry.success{color:var(--text-success)}.status-bar{height:25px;background-color:var(--accent-primary);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px}.status-group{display:flex;gap:15px;align-items:center}.status-item{display:flex;align-items:center;gap:4px}.template-bar{height:40px;background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 15px;gap:10px;overflow:visible}.template-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.template-btn:hover{border-color:var(--accent-primary);color:var(--text-main)}.template-btn.active{background-color:#bd93f91a;border-color:var(--accent-primary);color:var(--accent-primary)}