:root{color-scheme:dark;--bg:#090a0f;--panel:#10131c;--panel-hi:#171c28;--ink:#edf4ff;--muted:#8c9ab0;--line:#28344a;--cyan:#44ffcc;--blue:#2583d8;--violet:#a394ff;--danger:#ff886c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 25% 0%,#14243d 0,var(--bg) 42rem);color:var(--ink)}button,textarea{font:inherit}button{color:inherit;background:transparent;border:1px solid var(--line);cursor:pointer}button:hover,button:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:none}.system-bar{height:42px;display:flex;align-items:center;gap:22px;padding:0 18px;border-bottom:1px solid var(--line);background:#090a0feb}.brand{border:0;color:var(--cyan);font-weight:800;letter-spacing:.08em}.system-status{margin-left:auto;font-size:11px;color:var(--muted)}.system-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin:0 6px}time{font-size:12px;color:var(--muted)}.desktop{position:relative;min-height:calc(100vh - 42px);padding:54px 6vw}.launcher{position:absolute;top:18px;left:6vw;display:flex;gap:8px}.launcher button,.toolbar button,.console-body>button{padding:7px 10px;font-size:11px}.accent{background:var(--blue);border-color:var(--blue)}.window{position:absolute;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);box-shadow:12px 14px #04050880;min-width:260px;min-height:160px}.window:focus{outline:1px solid var(--cyan)}.hidden{display:none}.window-titlebar{height:34px;display:flex;align-items:center;justify-content:space-between;padding-left:12px;border-bottom:1px solid var(--line);color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.08em}.window-titlebar button{width:34px;height:33px;border:0;border-left:1px solid var(--line);font-size:20px;color:var(--muted)}.window-titlebar small{color:var(--muted);font-size:10px;margin-left:8px}.window-body{padding:14px;overflow:auto}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.toolbar span{margin-left:auto;font-size:10px;color:var(--muted)}.files-window{top:68px;left:6vw;width:330px;height:390px}.code-window{top:95px;left:calc(6vw + 354px);width:min(680px,52vw);height:510px}.console-window{top:482px;left:6vw;width:330px;height:210px}.help-window{top:625px;left:calc(6vw + 354px);width:min(680px,52vw);height:260px}.project-list{display:grid;gap:7px}.project{display:flex;background:var(--panel-hi);border:1px solid transparent}.project.selected{border-color:var(--cyan)}.project>button:first-child{flex:1;border:0;padding:11px;text-align:left}.project strong,.project span{display:block}.project strong{font-size:12px}.project span{color:var(--muted);font-size:10px;margin-top:5px}.project>button:last-child{width:35px;border:0;border-left:1px solid var(--line);color:var(--muted)}.code-body{display:flex;flex:1;flex-direction:column;min-height:0}#editor{flex:1;width:100%;resize:none;padding:14px;color:#e6efff;background:#080a0f;border:1px solid var(--line);line-height:1.55;-moz-tab-size:2;tab-size:2}#editor:focus{outline:1px solid var(--cyan)}.console-body{display:flex;flex:1;flex-direction:column;min-height:0}.console-output{flex:1;overflow:auto;padding:8px;background:#080a0f;border:1px solid var(--line);margin-bottom:9px}.console-line{margin:0 0 7px;color:var(--muted);font-size:11px;white-space:pre-wrap}.console-line.error{color:var(--danger)}.help-body{font-family:system-ui,sans-serif;font-size:13px;line-height:1.55;color:#c9d3e3}.help-body h2,.help-body h3{font-family:ui-monospace,monospace;color:var(--cyan);font-size:12px;letter-spacing:.08em}.help-body h3{margin-top:18px;color:var(--violet)}.help-body p{margin:7px 0}code,kbd{padding:1px 4px;background:#080a0f;border:1px solid var(--line);color:var(--cyan)}.unsupported{max-width:640px;padding:14vh 12vw}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.12em}.unsupported h1{font-size:clamp(42px,12vw,100px);line-height:.9;letter-spacing:-.09em}.unsupported h1 span{color:var(--violet)}.unsupported p:last-child{color:var(--muted);max-width:460px;line-height:1.6}@media(max-height:760px){.help-window{display:none}}