:root{--space-black: #050508;--panel-bg: #0d0d15;--editor-bg: #11111b;--neon-blue: #00f3ff;--neon-purple: #bc13fe;--text-primary: #e2e8f0;--text-muted: #64748b;--border-glow: rgba(0, 243, 255, .15)}.star-ide{display:flex;width:100vw;height:100vh;background:var(--space-black);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;overflow:hidden}.sidebar{background:var(--panel-bg);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;overflow:hidden}.nav-header{height:50px;display:flex;align-items:center;padding:0 20px;gap:10px;font-size:12px;letter-spacing:2px;color:var(--neon-blue);border-bottom:1px solid rgba(255,255,255,.05)}.neon-icon{filter:drop-shadow(0 0 5px var(--neon-blue))}.file-tree{padding:15px 10px;flex:1}.file-node{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-muted);transition:.2s;margin-bottom:2px}.file-node:hover{background:#ffffff08;color:var(--text-primary)}.file-node.active{background:#00f3ff14;color:var(--neon-blue)}.pulse-dot{width:6px;height:6px;background:var(--neon-purple);border-radius:50%;margin-left:auto;box-shadow:0 0 8px var(--neon-purple);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.new-module{width:100%;margin-top:20px;background:transparent;border:1px dashed #2d2d3d;color:var(--text-muted);padding:8px;border-radius:4px;cursor:pointer;font-size:11px}.workspace{flex:1;display:flex;flex-direction:column;background:var(--editor-bg)}.top-bar{height:40px;background:var(--panel-bg);display:flex;align-items:center;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.05)}.toggle-sidebar{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px}.tabs{display:flex;gap:2px;margin-left:10px;flex:1}.tab-item{padding:8px 16px;font-size:12px;color:var(--text-muted);cursor:pointer;border-radius:4px 4px 0 0;border-bottom:2px solid transparent}.tab-item.active{color:var(--neon-blue);background:var(--editor-bg);border-bottom-color:var(--neon-blue)}.dirty-mark{color:var(--neon-purple);margin-left:5px}.power-indicator{display:flex;align-items:center;gap:8px;font-size:10px;color:#4ade80;padding:0 15px}.flicker{animation:flicker 3s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.3}}.editor-container{flex:1;position:relative;overflow:hidden}.editor-view{display:flex;height:100%}.line-numbers{width:40px;padding:20px 0;text-align:center;font-size:12px;color:#2d2d3d;border-right:1px solid #1e1e2e;-webkit-user-select:none;user-select:none}.code-input{flex:1;background:transparent;border:none;color:#cdd6f4;padding:20px;font-family:inherit;font-size:14px;line-height:1.6;resize:none;outline:none}.status-bar{height:28px;background:#080810;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:11px;border-top:1px solid #1e1e2e}.indicator{display:flex;align-items:center;gap:8px}.indicator.saving{color:var(--neon-blue)}.indicator.saved{color:#4ade80}.indicator.error{color:#f87171}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-meta{display:flex;gap:20px;color:var(--text-muted)}.key-hint{background:#1e1e2e;padding:1px 6px;border-radius:3px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#2d2d3d;border-radius:10px}
