:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app{--bg:#091015;--panel:#0b1218e6;--panel-strong:#0f1920f5;--line:#98f3ff38;--text:#e9fbff;--muted:#88a3ad;--accent:#44d7ff;--accent-2:#fc6;--accent-3:#8dfc91;--danger:#ff5e7a;--shadow:#00000085;--code:#d7f7ff;--keyword:#76e0ff;--function:#ffd36f;--string:#89ffb1;--comment:#6d8790;color:var(--text);background:radial-gradient(circle at 18% 12%,#44d7ff24,#0000 26rem),linear-gradient(135deg,#071116 0%,#111820 48%,#070a0d 100%);min-height:100vh;padding:18px}.theme-editor{--bg:#111319;--panel:#13161feb;--panel-strong:#181c27f7;--line:#9eaaff33;--accent:#8ea2ff;--accent-2:#f7b955;--accent-3:#71dfbe;--code:#e7e9ff;--keyword:#a9b8ff;--function:#ffd479;--string:#8be9c7;--comment:#778094;background:radial-gradient(circle at 18% 12%,#8ea2ff21,#0000 28rem),linear-gradient(135deg,#0b0e14 0%,#191b25 52%,#090b10 100%)}.theme-matrix{--bg:#020805;--panel:#040f09eb;--panel-strong:#05160cf7;--line:#55ff8038;--text:#ddffe6;--muted:#7ba889;--accent:#5dff87;--accent-2:#cbff72;--accent-3:#80ffe5;--code:#d8ffe0;--keyword:#77ff96;--function:#d9ff7a;--string:#9bffd0;--comment:#65866f;background:radial-gradient(circle at 18% 12%,#5dff871f,#0000 25rem),linear-gradient(135deg,#010402 0%,#07110b 52%,#010302 100%)}.theme-amber{--bg:#130c06;--panel:#1c1008e8;--panel-strong:#2a190bf7;--line:#ffb84d38;--text:#fff5d8;--muted:#b69a71;--accent:#ffb84d;--accent-2:#ffd98a;--accent-3:#ff8f70;--code:#ffeac1;--keyword:#ffc766;--function:#ffe09a;--string:#ffad80;--comment:#9c7d56;background:radial-gradient(circle at 20% 10%,#ffb84d1f,#0000 25rem),linear-gradient(135deg,#100702 0%,#24170c 55%,#0b0502 100%)}.workspace{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff09, transparent 38%), var(--panel);max-width:1520px;height:calc(100vh - 36px);box-shadow:0 24px 80px var(--shadow), inset 0 1px #ffffff0f;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;margin:0 auto;display:grid;position:relative;overflow:hidden}.workspace:before{content:"";pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:0}.effects-on .workspace:after{content:"";pointer-events:none;opacity:.12;mix-blend-mode:screen;background:linear-gradient(#ffffff07 50%,#0000 50%) 0 0/100% 4px;position:absolute;inset:0}.topbar{z-index:1;border-bottom:1px solid var(--line);background:#00000029;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex;position:relative}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-mark{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 16%, transparent);width:42px;height:42px;color:var(--accent);place-items:center;display:grid}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin:0;font-size:.72rem}h1{margin:1px 0 0;font-size:clamp(1rem,2.2vw,1.45rem);line-height:1.1}.system-readout{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;display:flex}.system-readout span{border:1px solid var(--line);background:#0000002e;align-items:center;min-height:24px;padding:0 8px;display:inline-flex}.segmented{border:1px solid var(--line);background:#0000002e;min-height:32px;display:inline-flex}.segmented button,.icon-button{color:var(--muted);background:0 0;border:0}.segmented button{border-right:1px solid var(--line);min-width:74px;padding:0 9px;font-size:.78rem}.segmented button:last-child{border-right:0}.segmented button.active,.icon-button:hover,.icon-button:focus-visible,.segmented button:hover,.segmented button:focus-visible{color:var(--text);background:color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.icon-button{border:1px solid var(--line);place-items:center;width:32px;height:32px;display:inline-grid}.speed-control{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#0000002e;grid-template-columns:auto 76px 2ch;align-items:center;gap:8px;padding:0 9px;font-size:.78rem;display:inline-grid}.speed-control input{accent-color:var(--accent)}.speed-control strong{color:var(--text)}.floating-menu{z-index:4;pointer-events:none;justify-items:end;gap:10px;display:grid;position:fixed;bottom:24px;right:24px}.floating-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 94%, black);width:min(420px,100vw - 32px);box-shadow:0 18px 50px var(--shadow), inset 0 1px #ffffff0f;pointer-events:auto;gap:10px;padding:12px;display:grid}.control-group{gap:6px;display:grid}.control-group>span{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:.72rem}.floating-panel .segmented{width:100%;overflow-x:auto}.floating-panel .segmented button{flex:1 0 auto}.floating-panel .speed-control{grid-template-columns:auto minmax(88px,1fr) 2ch;width:100%}.action-row{justify-content:flex-end;gap:8px;display:flex}.fab-button{border:1px solid color-mix(in srgb, var(--accent) 70%, var(--line));width:56px;height:56px;color:var(--bg);background:var(--accent);box-shadow:0 14px 34px var(--shadow), 0 0 24px color-mix(in srgb, var(--accent) 44%, transparent);pointer-events:auto;border-radius:50%;place-items:center;display:grid}.fab-button:hover,.fab-button:focus-visible{color:var(--text);background:color-mix(in srgb, var(--accent) 70%, black);outline:none}.console-grid{z-index:1;grid-template-columns:minmax(0,1fr) 310px;gap:12px;min-height:0;padding:0 16px 16px;display:grid;position:relative}.console-panel,.telemetry-panel{border:1px solid var(--line);background:var(--panel-strong);min-height:0;box-shadow:inset 0 1px #ffffff0d}.console-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.file-tabs{border-bottom:1px solid var(--line);min-height:38px;display:flex;overflow-x:auto}.tab{border-right:1px solid var(--line);min-width:128px;max-width:190px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 13px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;display:inline-flex;overflow:hidden}.active-tab{color:var(--text);background:#ffffff0a}.code-viewport{min-height:0;color:var(--code);padding:20px;overflow:auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:100%;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.74rem,1.15vw,.9rem);line-height:1.58}.syntax-python code,.syntax-typescript code,.syntax-javascript code,.syntax-systems code{color:var(--code);text-shadow:0 0 18px color-mix(in srgb, var(--accent) 18%, transparent)}.cursor{background:var(--accent);width:.62em;height:1.15em;box-shadow:0 0 18px var(--accent);margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block;transform:translateY(.18em)}.telemetry-panel{flex-direction:column;gap:12px;padding:12px;display:flex;overflow:auto}.telemetry-card,.metric,.event-log{border:1px solid var(--line);background:#0000002e;padding:13px}.telemetry-card p,.metric-label,.event-log span{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin:0;font-size:.76rem}.telemetry-card strong{color:var(--text);margin-top:6px;font-size:1rem;display:block}.telemetry-card span{color:var(--muted);font-size:.82rem}.hero-metric{color:var(--accent);justify-content:space-between;align-items:center;display:flex}.hero-metric strong{color:var(--accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:2rem}.meter-group{gap:10px;display:grid}.metric{grid-template-columns:1fr auto;align-items:center;gap:9px 12px;display:grid}.metric-label{align-items:center;gap:7px;display:inline-flex}.metric strong{color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.meter{background:#ffffff14;grid-column:1/-1;height:7px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;box-shadow:0 0 16px var(--accent);display:block}.event-log{gap:9px;margin-top:auto;display:grid}.event-log span{color:var(--muted);text-transform:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.event-log span:before{content:"> ";color:var(--accent)}.app-footer{z-index:1;border-top:1px solid var(--line);min-height:34px;color:var(--muted);background:#00000029;flex-wrap:wrap;justify-content:flex-start;gap:8px 18px;padding:8px 96px 8px 16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem;display:flex;position:relative}.app-footer a{color:var(--accent);text-decoration:none}.footer-links{flex-wrap:wrap;gap:8px 14px;display:inline-flex}.app-footer a:hover,.app-footer a:focus-visible{color:var(--text);outline:none;text-decoration:underline}.flash-overlay{z-index:5;color:var(--accent);text-align:center;text-shadow:0 0 32px var(--accent);pointer-events:none;background:#00000061;place-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(2rem,8vw,6rem);font-weight:800;animation:1.1s both flash-pop;display:grid;position:fixed;inset:0}.mobile-input{opacity:0;width:1px;height:1px;position:fixed;left:-100vw}@keyframes blink{50%{opacity:0}}@keyframes flash-pop{0%{opacity:0;transform:scale(.94)}18%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@media (width<=980px){body{overflow:auto}.app{padding:10px}.workspace{height:auto;min-height:calc(100vh - 20px)}.topbar{flex-direction:column;align-items:flex-start}.system-readout{justify-content:flex-start}.console-grid{grid-template-columns:1fr}.telemetry-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.event-log{margin-top:0}.floating-menu{bottom:18px;right:18px}}@media (width<=640px){.app{padding:0}.workspace{border-inline:0;min-height:100vh}.topbar{padding-inline:10px}.segmented{width:100%;overflow-x:auto}.segmented button{flex:1 0 auto;min-width:max-content}.speed-control{grid-template-columns:auto minmax(44px,1fr) 2ch;width:100%}.icon-button{width:48px}.console-grid{padding:0 10px 10px}.code-viewport{max-height:54vh;padding:14px}.tab{min-width:146px}.telemetry-panel{grid-template-columns:1fr}.floating-menu{bottom:12px;right:12px}.floating-panel{max-height:min(70vh,420px);overflow:auto}.app-footer{padding-right:84px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.effects-on .workspace:after{display:none}}
