:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d8dee9;background:#101418;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{grid-template-rows:54px minmax(0,1fr);min-width:320px;height:100vh;margin:0;display:grid;overflow:hidden}.topbar{background:#171c22;border-bottom:1px solid #2b333d;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand{color:#f1f5f9;letter-spacing:-.02em;align-items:center;gap:9px;font-weight:700;text-decoration:none;display:flex}.brand img{width:28px;height:28px;display:block}.brand small{color:#7f8b99;letter-spacing:0;font-weight:500}.actions{align-items:center;gap:16px;display:flex}.optimize,.debug{color:#98a5b3;-webkit-user-select:none;user-select:none;font-size:13px}.optimize input,.debug input{accent-color:#67d19b;vertical-align:-2px}button{font:inherit}#run{color:#092017;cursor:pointer;background:#67d19b;border:0;border-radius:5px;padding:8px 13px;font-weight:700}#run:hover{background:#7cdda9}#run:disabled{opacity:.55;cursor:wait}#run.stop{color:#fff;background:#c84f5a}#run.stop:hover{background:#d7606a}#save-load{color:#cbd3dc;cursor:pointer;background:#202730;border:1px solid #3b4753;border-radius:5px;padding:6px 10px;font-size:12px}#save-load:hover{color:#f1f5f9;border-color:#566574}.workspace{grid-template-columns:minmax(300px,1fr) minmax(360px,1fr);min-height:0;display:grid}.pane{background:#11161b;flex-direction:column;min-width:0;min-height:0;display:flex}.source-pane{border-right:1px solid #303944}.pane-header,.tabs{background:#171c22;border-bottom:1px solid #29313a;flex:0 0 39px;align-items:center;height:39px;display:flex}.pane-header{justify-content:space-between;padding:0 13px}.pane-header h1{text-transform:uppercase;letter-spacing:.09em;color:#aab4c0;margin:0;font-size:12px}.pane-header span{color:#64707d;font:11px ui-monospace,monospace}#editor{flex:1;min-height:0;overflow:hidden}.cm-editor{background:#11161b;height:100%;font:13px/1.62 SFMono-Regular,Consolas,monospace}.cm-editor.cm-focused{outline:none}.cm-scroller{padding:8px 0 40px;overflow:auto}.cm-gutters{padding-left:5px;color:#39434e!important;background:#0b0f13!important;border:0!important}.cm-lineNumbers .cm-gutterElement{color:#39434e!important}.cm-activeLine{background:#192027!important}.cm-activeLineGutter{color:#697684!important;background:#151b21!important}.tabs{gap:0}.tab{color:#84909d;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-self:stretch;padding:0 15px;font-size:12px}.tab:hover{color:#cbd3dc}.tab.active{color:#e4e9ef;background:#1c2229;border-bottom-color:#67d19b}#status{color:#687481;margin-left:auto;margin-right:12px;font-size:11px}#status.success{color:#67d19b}#status.error{color:#ff6b6b}#status.busy{color:#e5ba68}#output-dot{border-radius:50%;width:5px;height:5px;margin-left:3px;display:inline-block}#output-dot.visible{background:#67d19b}.explorer-bar{color:#7f8b98;background:#141a20;border-bottom:1px solid #29313a;flex:0 0 34px;align-items:center;height:34px;padding:0 10px 0 13px;font-size:11px;display:flex}#explorer-mode{color:#aeb8c3;letter-spacing:.02em;font-weight:650}.filter-menu{margin-left:auto;position:relative}.filter-menu summary{cursor:pointer;color:#9aa6b3;-webkit-user-select:none;user-select:none;background:#191f26;border:1px solid #303944;border-radius:4px;padding:4px 8px;list-style:none}.filter-menu summary::-webkit-details-marker{display:none}.filter-menu summary:after{content:" ▾";color:#697684}.filter-menu[open] summary{color:#d5dce4;border-color:#485462}.filter-menu label{z-index:5;color:#c1cad4;white-space:nowrap;background:#1b2229;border:1px solid #3a4551;border-radius:5px;width:156px;padding:9px 10px;position:absolute;top:29px;right:0;box-shadow:0 8px 24px #0008}.filter-menu input{accent-color:#67d19b;vertical-align:-2px}#result{background:#101418;flex:1;min-height:0;overflow:hidden}#result .cm-editor{background:#101418;font-size:12px;line-height:1.58}#result .cm-scroller{padding-bottom:50px}#result .cm-content{color:#b9c3ce;caret-color:#0000}#result .cm-gutters{background:#0d1115!important}#output-result{color:#b9c3ce;tab-size:2;white-space:pre;background:#101418;flex:1;min-height:0;margin:0;padding:14px 16px 50px;font:12px/1.58 SFMono-Regular,Consolas,monospace;display:none;overflow:auto}#reference{color:#c5ced8;background:#101418;flex:1;min-height:0;padding:14px 18px 44px;font-size:13px;line-height:1.55;overflow:auto}#reference[hidden]{display:none!important}#reference h1,#reference h2{color:#edf2f7;line-height:1.2}#reference h1{margin:0 0 20px;font-size:20px}#reference h2{border-bottom:1px solid #2d3742;margin:28px 0 10px;padding-bottom:6px;font-size:15px}#reference p,#reference ul{margin:0 0 12px}#reference ul{padding-left:20px}#reference li+li{margin-top:5px}#reference code{color:#dce9f5;background:#202933;border-radius:3px;padding:1px 4px;font:12px SFMono-Regular,Consolas,monospace}#reference pre{background:#0c1014;border:1px solid #293440;border-radius:5px;margin:12px 0;padding:10px 12px;overflow:auto}#reference pre code{color:#c7d4e1;background:0 0;padding:0}#reference table{border-collapse:collapse;width:100%;margin:12px 0;font-size:12px}#reference th,#reference td{text-align:left;vertical-align:top;border:1px solid #303b47;padding:7px 8px}#reference th{color:#e1e8ef;background:#1b232c}.cm-generated-hover{box-shadow:inset 2px 0 #8b949e;background:#343b43!important}.cm-source-hover{box-shadow:inset 2px 0 #9aa3ad;background:#3b424a!important}.cm-source-span-hover{color:#f1f4f7;border-bottom:1px solid #c4cad0;background:#69727d!important}.save-load-dialog{color:#d8dee9;background:#171c22;border:1px solid #3a4551;border-radius:8px;width:min(520px,100vw - 32px);padding:0;box-shadow:0 20px 70px #000a}.save-load-dialog::backdrop{background:#0009}.save-load-header{border-bottom:1px solid #303944;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.save-load-header h2{margin:0;font-size:15px}.dialog-close{color:#aab4c0;cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.save-load-tabs{border-bottom:1px solid #303944;display:flex}.save-load-tab{color:#98a5b3;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px}.save-load-tab.active{color:#f1f5f9;border-bottom-color:#67d19b}.save-load-panel{padding:14px 16px 16px}.save-load-panel p{color:#98a5b3;margin:0 0 12px;font-size:12px}.save-load-list{gap:7px;max-height:min(52vh,420px);display:grid;overflow:auto}.save-load-list>button,.history-slot{color:#cbd3dc;text-align:left;background:#1d242c;border:1px solid #303944;border-radius:5px;min-height:36px}.save-load-list>button{cursor:pointer;padding:8px 10px;font:13px ui-monospace,monospace}.save-load-list>button:hover,.history-slot button:hover{color:#fff;border-color:#566574}.history-slot{align-items:center;gap:7px;padding:5px 6px 5px 10px;display:flex}.history-slot span{color:#b5c0cb;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font:12px ui-monospace,monospace;overflow:hidden}.history-slot button{color:#cbd3dc;cursor:pointer;background:#252d36;border:1px solid #3b4753;border-radius:4px;padding:5px 8px;font-size:12px}.history-slot button:disabled{opacity:.45;cursor:not-allowed}@media (width<=760px){body{grid-template-rows:54px auto;height:auto;min-height:100vh;overflow:auto}.workspace{grid-template-rows:52vh 52vh;grid-template-columns:1fr}.source-pane{border-bottom:1px solid #303944;border-right:0}.brand small,.optimize,.debug{display:none}}