:root{--bg-base:#1e1e1e;--bg-panel:#252526;--bg-input:#3c3c3c;--border-color:#333;--border-highlight:#555;--text-main:#ccc;--text-active:#fff;--text-muted:#888;--accent-color:#007acc;--accent-hover:#007acc33;--danger-color:#f44;--canvas-bg:#121212}[data-theme=light]{--bg-base:#e8ecef;--bg-panel:#fff;--bg-input:#f0f0f0;--border-color:#ccc;--border-highlight:#aaa;--text-main:#333;--text-active:#000;--text-muted:#666;--accent-color:#005a9e;--accent-hover:#005a9e1a;--danger-color:#d32f2f;--canvas-bg:#f5f5f5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.app-container{grid-template-rows:70px 1fr 30px;width:100vw;height:100vh;display:grid;position:relative}.main-workspace{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:grid;overflow:hidden}.panel{background-color:var(--bg-panel);flex-direction:column;display:flex}.ribbon{align-items:center;gap:20px;padding:10px;display:flex}.sidebar{border-right:1px solid var(--border-color)}.viewport{background-color:var(--canvas-bg);position:relative;overflow:hidden}.status-bar{background-color:var(--bg-panel);border-top:1px solid var(--border-color);color:var(--text-muted);z-index:10;justify-content:space-between;align-items:center;padding:0 15px;font-size:12px;display:flex}.command-line-wrapper{background-color:var(--bg-panel);border:1px solid var(--border-color);z-index:20;border-radius:4px;align-items:center;width:450px;height:35px;padding:0 10px;display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}.autocomplete-popup{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--accent-color);border-bottom:none;border-radius:4px 4px 0 0;padding:6px 12px;font-family:monospace;font-size:12px;position:absolute;bottom:100%;left:-1px;box-shadow:0 -4px 10px #0000004d}@font-face{font-family:IBM Plex Sans;src:url(/assets/ibm-plex-sans-v23-latin-regular-CDDApCn2.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Archivo;src:url(/assets/archivo-v25-latin-regular-C81ewxNO.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/jetbrains-mono-v24-latin-regular-V6pRDFza.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Public Sans;src:url(/assets/public-sans-v21-latin-regular-8Rpg0ruU.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/atkinson-hyperlegible-v12-latin-regular-BrHNak5F.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Jura;src:url(/assets/jura-v34-latin-regular-DQpiHaHX.woff2)format("woff2");font-weight:400;font-style:normal}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-panel,#1e1e1e);border-radius:6px}::-webkit-scrollbar-thumb{border:3px solid var(--bg-panel,#1e1e1e);background:#555;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color,#007acc)}::-webkit-scrollbar-thumb:active{background:#005999}::-webkit-scrollbar-corner{background:var(--bg-panel,#1e1e1e)}*{scrollbar-width:thin;scrollbar-color:#555 var(--bg-panel,#1e1e1e)}