:root{--bg: #040704;--bg-elev: #0b110b;--text-color: #9cff9c;--line-color: #2f5e2f;--border-color: #1e3f1e;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(42, 215, 255, .18);--font-code: "VT323", monospace;--font-title: "Space Grotesk", sans-serif;--font-subtitle: "Jost", sans-serif}body.theme-light{--bg: #f6f2e5;--bg-elev: #fefcf2;--text-color: #6a5127;--line-color: #c7ad81;--border-color: #d9c9a9;--accent-cyan: #176a8a;--accent-pink: #992f6d;--accent-gold: #986512;--shadow: 0 0 24px rgba(27, 66, 89, .16)}body.theme-paper_cream{--bg: #fbf7ea;--bg-elev: #fffdf3;--text-color: #5b4630;--line-color: #b18a50;--border-color: #e4d7bf;--accent-cyan: #007a7a;--accent-pink: #c2185b;--accent-gold: #b58900;--shadow: 0 0 24px rgba(0, 122, 122, .12)}body.theme-classic_sand{--bg: #f7efe0;--bg-elev: #fff7e9;--text-color: #3e2f19;--line-color: #b07f4a;--border-color: #e6d2b7;--accent-cyan: #2a7f7a;--accent-pink: #b3266a;--accent-gold: #a66a00;--shadow: 0 0 24px rgba(38, 127, 122, .1)}body.theme-sky_glass{--bg: #f3f9ff;--bg-elev: #ffffff;--text-color: #233a56;--line-color: #7aa6c5;--border-color: #d8e6f4;--accent-cyan: #0b7285;--accent-pink: #b4237a;--accent-gold: #a67c00;--shadow: 0 0 24px rgba(11, 114, 133, .12)}body.theme-mint_frost{--bg: #f1fffb;--bg-elev: #ffffff;--text-color: #144c3e;--line-color: #68b9a3;--border-color: #cfece5;--accent-cyan: #0b7a6c;--accent-pink: #b21f6a;--accent-gold: #b08900;--shadow: 0 0 24px rgba(11, 122, 108, .1)}body.theme-rose_glaze{--bg: #fff1f5;--bg-elev: #ffffff;--text-color: #4a1d2a;--line-color: #cc7aa1;--border-color: #f1d3df;--accent-cyan: #0a6b76;--accent-pink: #d0186f;--accent-gold: #b58900;--shadow: 0 0 24px rgba(208, 24, 111, .1)}body.theme-lavender_day{--bg: #f6f0ff;--bg-elev: #ffffff;--text-color: #2f2452;--line-color: #9a86d6;--border-color: #e3dcff;--accent-cyan: #0f6f88;--accent-pink: #b4237a;--accent-gold: #a47c00;--shadow: 0 0 24px rgba(159, 134, 214, .12)}body.theme-butter_ink{--bg: #fffbe5;--bg-elev: #ffffff;--text-color: #4a3a12;--line-color: #d2a73a;--border-color: #f0e1a7;--accent-cyan: #0b6f7f;--accent-pink: #b4237a;--accent-gold: #a66a00;--shadow: 0 0 24px rgba(210, 167, 58, .12)}body.theme-denim_light{--bg: #eef7ff;--bg-elev: #ffffff;--text-color: #1b3550;--line-color: #6aa0d2;--border-color: #d2e7fb;--accent-cyan: #0b7285;--accent-pink: #b4237a;--accent-gold: #a67c00;--shadow: 0 0 24px rgba(11, 114, 133, .1)}body.theme-peach_ink{--bg: #fff0e8;--bg-elev: #ffffff;--text-color: #4b2a1c;--line-color: #e08a6c;--border-color: #f3d1c0;--accent-cyan: #0a6b76;--accent-pink: #d0186f;--accent-gold: #a66a00;--shadow: 0 0 24px rgba(224, 138, 108, .1)}body.theme-lemon_blast{--bg: #fffbe0;--bg-elev: #ffffff;--text-color: #3d3210;--line-color: #d0b100;--border-color: #f2e7a8;--accent-cyan: #0b6f7f;--accent-pink: #b4237a;--accent-gold: #a67c00;--shadow: 0 0 24px rgba(208, 177, 0, .1)}body.theme-neon_green{--bg: #030603;--bg-elev: #071107;--text-color: #43ff58;--line-color: #156b1f;--border-color: #0f3c14;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #e3c15a;--shadow: 0 0 24px rgba(67, 255, 88, .16)}body.theme-cyber_cyan{--bg: #040a10;--bg-elev: #08161f;--text-color: #7efcff;--line-color: #0c3a4a;--border-color: #0a2a34;--accent-cyan: #33fff7;--accent-pink: #ff5ed1;--accent-gold: #ffd166;--shadow: 0 0 24px rgba(51, 255, 247, .15)}body.theme-amber_sunset{--bg: #0c0700;--bg-elev: #1a0f05;--text-color: #ffb45c;--line-color: #6a3a00;--border-color: #4a2500;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #ffcc80;--shadow: 0 0 24px rgba(255, 180, 92, .14)}body.theme-purple_neon{--bg: #070206;--bg-elev: #120415;--text-color: #d9b2ff;--line-color: #3a125e;--border-color: #24093a;--accent-cyan: #67e8ff;--accent-pink: #ff4ea1;--accent-gold: #f0c674;--shadow: 0 0 24px rgba(217, 178, 255, .14)}body.theme-matrix_green{--bg: #030703;--bg-elev: #071d10;--text-color: #76ff7a;--line-color: #1f4b24;--border-color: #0f2816;--accent-cyan: #5dffcc;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(118, 255, 122, .14)}body.theme-ocean_blue{--bg: #02060b;--bg-elev: #071420;--text-color: #6bd4ff;--line-color: #0b3350;--border-color: #082238;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #8dd694;--shadow: 0 0 24px rgba(107, 212, 255, .14)}body.theme-vamp_red{--bg: #0b0204;--bg-elev: #1c060d;--text-color: #ff6b8a;--line-color: #4a0a19;--border-color: #30050d;--accent-cyan: #68e6ff;--accent-pink: #ff0077;--accent-gold: #d4af37;--shadow: 0 0 24px rgba(255, 107, 138, .14)}body.theme-ice_violet{--bg: #02040b;--bg-elev: #0d0f24;--text-color: #c3b7ff;--line-color: #1a1f4b;--border-color: #17183a;--accent-cyan: #86f0ff;--accent-pink: #ff73d1;--accent-gold: #ffd18b;--shadow: 0 0 24px rgba(195, 183, 255, .14)}body.theme-synthwave_pink{--bg: #07020a;--bg-elev: #140418;--text-color: #ff8ad8;--line-color: #3a0a2d;--border-color: #250720;--accent-cyan: #5df3ff;--accent-pink: #ff4e9a;--accent-gold: #ffd166;--shadow: 0 0 24px rgba(255, 138, 216, .14)}body.theme-solarized_green{--bg: #001f1a;--bg-elev: #052b22;--text-color: #a9fbd7;--line-color: #0e3b2f;--border-color: #0a2c22;--accent-cyan: #2aa198;--accent-pink: #cb4b16;--accent-gold: #b58900;--shadow: 0 0 24px rgba(42, 161, 152, .12)}body.theme-solarized_blue{--bg: #001b3a;--bg-elev: #04224c;--text-color: #93c5fd;--line-color: #0a2f63;--border-color: #072147;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(147, 197, 253, .12)}body.theme-vintage_brown{--bg: #140a05;--bg-elev: #22120b;--text-color: #f0d2a6;--line-color: #5a3715;--border-color: #3d2310;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(240, 210, 166, .12)}body.theme-mono_ghost{--bg: #090909;--bg-elev: #131313;--text-color: #c9c9c9;--line-color: #333333;--border-color: #202020;--accent-cyan: #cce6ff;--accent-pink: #f7a7ff;--accent-gold: #e2c97d;--shadow: 0 0 24px rgba(204, 230, 255, .1)}body.theme-black_purple{--bg: #07020a;--bg-elev: #110417;--text-color: #b8a0ff;--line-color: #2a0f45;--border-color: #1e0a33;--accent-cyan: #67e8ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(184, 160, 255, .12)}body.theme-arctic_cyan{--bg: #020b0f;--bg-elev: #061b25;--text-color: #9be7ff;--line-color: #0a3040;--border-color: #061f2c;--accent-cyan: #2ad7ff;--accent-pink: #ff4e9a;--accent-gold: #d7a93e;--shadow: 0 0 24px rgba(155, 231, 255, .12)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%}body{font-family:var(--font-code);background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--bg-elev) 90%,black),var(--bg));color:var(--text-color)}body.scanline-soft:after,body.scanline-strong:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000}body.scanline-soft:after{background:linear-gradient(transparent 55%,#00000014 55%);background-size:100% 3px}body.scanline-strong:after{background:linear-gradient(transparent 50%,#00000024 50%);background-size:100% 2px}.shell{display:grid;grid-template-rows:auto 1fr;height:100%}.topbar{border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-elev) 90%,black);padding:.7rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}.backdrop{position:fixed;inset:0;background:#0000008c;display:none;z-index:55}.backdrop.open{display:block}.logo-lockup{display:flex;align-items:flex-end;gap:.6rem;min-width:220px}.logo-square{width:40px;height:40px;border:1px solid var(--border-color);background:var(--bg);object-fit:cover}.logo-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;line-height:1}.logo-text-main{font-family:var(--font-title);font-size:1.1rem;font-weight:700;letter-spacing:.08em;color:var(--accent-cyan)}.logo-text-sub{font-family:var(--font-subtitle);font-size:.8rem;color:var(--accent-gold)}.toolbar{display:flex;gap:.4rem;flex-wrap:wrap}button,select,input{font-family:var(--font-code)}.btn{border:1px solid var(--border-color);color:var(--text-color);background:transparent;padding:.3rem .7rem;cursor:pointer;font-size:1.1rem}.btn:hover{background:color-mix(in srgb,var(--text-color) 15%,transparent)}.btn-accent{border-color:var(--accent-cyan);color:var(--accent-cyan)}.workspace{display:grid;grid-template-columns:1fr;min-height:0;position:relative}.editor-grid{display:grid;grid-template-columns:1fr;min-height:0}.editor-wrap{min-height:0;border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}#editor{height:100%}.panel{position:fixed;top:58px;bottom:0;width:min(86vw,320px);background:color-mix(in srgb,var(--bg-elev) 92%,black);padding:.6rem;display:none;flex-direction:column;gap:.55rem;min-height:0;overflow:auto;z-index:60;border:1px solid var(--border-color)}.panel.open{display:flex}.panel#panel-files{left:0;border-left:none}.panel#panel-index{left:0}.panel#panel-settings{right:0;left:auto;width:min(88vw,300px);border-right:none}.panel h3{margin:0;font-size:1rem;letter-spacing:.06em}.file-list,.symbol-list{display:flex;flex-direction:column;gap:.35rem}.file-item,.symbol-item{display:flex;justify-content:space-between;gap:.7rem;align-items:center;border:1px solid var(--border-color);padding:.3rem .45rem;cursor:pointer;font-size:1.05rem}.file-item.active,.symbol-item:hover{border-color:var(--accent-cyan);background:color-mix(in srgb,var(--accent-cyan) 12%,transparent)}.meta{opacity:.8;font-size:.95rem}.settings-group{display:grid;gap:.2rem}.preview-modal{position:fixed;inset:2rem;border:1px solid var(--border-color);background:var(--bg-elev);display:none;z-index:999;box-shadow:var(--shadow)}.preview-modal.open{display:grid;grid-template-rows:auto 1fr}.preview-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding:.45rem}.preview-frame{width:100%;height:100%;border:none;background:#fff}@media(min-width:900px){.panel#panel-files{width:min(320px,28vw)}.panel#panel-index{width:min(360px,32vw)}}