:root{color-scheme:dark;--ide-bg:#08090d;--ide-panel:#0d0f15;--ide-border:#252936;--ide-text:#d9dbea;--ide-muted:#777d91;--ide-violet:#7b70ff;--ide-teal:#35d8c5;--ide-font:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ide-text);background:var(--ide-bg);grid-template-rows:3.7rem minmax(0,1fr) 1.55rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid;overflow:hidden}button,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ide-topbar{border-bottom:1px solid var(--ide-border);background:#0a0c11;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex}.ide-brand{color:var(--ide-text);align-items:baseline;gap:.55rem;text-decoration:none;display:flex}.ide-brand-mark{color:#c7c2ff;font:800 .75rem/1 var(--ide-font);background:#7b70ff21;border:1px solid #7b70ff85;border-radius:.35rem;align-self:center;padding:.24rem .35rem}.ide-brand strong{letter-spacing:.01em;font-size:.95rem}.ide-brand-section{color:var(--ide-muted);font:.82rem var(--ide-font)}.ide-topbar nav{align-items:center;gap:1.2rem;display:flex}.ide-topbar nav a{color:#a7aabc;font:700 .7rem var(--ide-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.ide-topbar nav a:hover{color:#fff}.ide-runtime{border:1px solid var(--ide-border);color:var(--ide-teal);font:700 .62rem var(--ide-font);letter-spacing:.06em;text-transform:uppercase;border-radius:.3rem;padding:.26rem .46rem}.ide-workspace{grid-template-columns:15rem minmax(28rem,1fr) minmax(22rem,.72fr);min-width:0;min-height:0;display:grid}.ide-examples,.ide-editor,.ide-output{min-width:0;min-height:0}.ide-examples{border-right:1px solid var(--ide-border);background:#0b0d12;flex-direction:column;display:flex}.ide-panel-label,.ide-panel-bar{border-bottom:1px solid var(--ide-border);background:var(--ide-panel);flex:0 0 2.9rem;height:2.9rem}.ide-panel-label{color:#8d91a2;font:800 .66rem var(--ide-font);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 .9rem;display:flex}.ide-panel-label small{color:#8f94a8;font:700 .56rem var(--ide-font);letter-spacing:0;border:1px solid #313645;border-radius:999px;padding:.14rem .38rem}.ide-examples>nav{flex:1;padding:.6rem 0;overflow:auto}.ide-examples section+section{margin-top:.8rem}.ide-examples h2{color:#686d7f;font:800 .62rem var(--ide-font);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.45rem;margin:0;padding:.45rem .85rem;display:flex}.ide-example{color:#a7aabc;cursor:pointer;text-align:left;background:0 0;border:0;border-left:2px solid #0000;width:100%;padding:.52rem .9rem .5rem 1.55rem;display:block}.ide-example span{font:700 .75rem/1.3 var(--ide-font);display:block}.ide-example small{color:#555b6c;font:.58rem/1.45 var(--ide-font)}.ide-example:hover{color:#fff;background:#12151d}.ide-example.active{border-left-color:var(--ide-violet);color:#dedbff;background:linear-gradient(90deg,#7b70ff26,#0000)}.ide-example.active small{color:#8580b7}.ide-examples-note{border-top:1px solid var(--ide-border);color:#676c7d;font:.62rem/1.4 var(--ide-font);gap:.5rem;padding:.75rem .9rem;display:flex}.ide-examples-note span{color:var(--ide-teal)}.ide-editor{border-right:1px solid var(--ide-border);background:var(--ide-bg);grid-template-rows:2.9rem minmax(0,1fr) auto;display:grid}.ide-panel-bar{justify-content:space-between;align-items:center;padding:0 .75rem;display:flex}.ide-file{align-items:center;gap:.48rem;display:flex}.ide-file>span{background:var(--ide-violet);border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 .45rem #7b70ff8c}.ide-file strong,.ide-output .ide-panel-bar>strong{font:800 .68rem var(--ide-font);letter-spacing:.05em}.ide-file small{color:#555b6d;font:.6rem var(--ide-font)}.ide-editor-actions,.ide-output-actions{align-items:center;gap:.65rem;display:flex}.ide-editor-actions select{border:1px solid var(--ide-border);height:2rem;color:var(--ide-text);background:#0b0d12;border-radius:.3rem;padding:0 1.8rem 0 .55rem;font-size:.7rem;display:none}.ide-run{color:#fff;cursor:pointer;background:#6f63e8;border:1px solid #8c82ff;border-radius:.32rem;align-items:center;gap:.42rem;height:2rem;padding:0 .72rem;font-size:.72rem;font-weight:800;display:flex;box-shadow:0 4px 18px #6053df40}.ide-run:hover{background:#7b70f6}.ide-run:disabled{cursor:wait;opacity:.55}.ide-run svg{fill:currentColor;width:.7rem}.ide-run kbd{color:#c9c5f8;font:.58rem var(--ide-font)}.ide-editor-body{background:#08090e;grid-template-columns:3.2rem minmax(0,1fr);min-height:0;display:grid}.ide-lines,.ide-highlight,.ide-code-area textarea{font:.82rem/1.65 var(--ide-font);tab-size:4;border:0;border-radius:0;margin:0;padding-block:1rem}.ide-lines{color:#444958;text-align:right;user-select:none;background:#0a0b10;border-right:1px solid #171a23;padding-inline:0 .85rem;overflow:hidden}.ide-code-area{min-width:0;min-height:0;position:relative;overflow:hidden}.ide-highlight,.ide-code-area textarea{white-space:pre;width:100%;height:100%;min-height:0;padding-inline:1rem;position:absolute;inset:0}.ide-highlight{color:#dddcef;pointer-events:none;scrollbar-width:none;background:0 0;overflow:auto}.ide-highlight::-webkit-scrollbar{display:none}.ide-highlight code{font:inherit}.ide-code-area textarea{z-index:1;resize:none;color:#dddcef;caret-color:#f4f3ff;background:0 0;outline:none;overflow:auto}.ide-code-area.highlight-ready textarea{color:#0000;-webkit-text-fill-color:transparent}.ide-code-area textarea::selection{background:#594eb48c}.ide-code-area textarea:focus{box-shadow:inset 0 0 0 1px #7b70ff40}.ide-source-note{border-top:1px solid var(--ide-border);color:#686e80;background:var(--ide-panel);min-height:2.25rem;font:.62rem/1.4 var(--ide-font);padding:.55rem .85rem}.ide-output{background:#080d0f;grid-template-rows:2.9rem minmax(0,1fr) auto;display:grid}.ide-output-actions button{color:#626879;cursor:pointer;font:700 .62rem var(--ide-font);background:0 0;border:0;padding:.25rem}.ide-output-actions button:hover{color:#fff}.ide-status{color:var(--ide-muted);font:800 .6rem var(--ide-font);border:1px solid #363b48;border-radius:999px;padding:.2rem .48rem}.ide-status[data-state=running]{color:#e6c96a;border-color:#8b783e}.ide-status[data-state=ok]{color:var(--ide-teal);border-color:#318f82}.ide-status[data-state=error]{color:#ff8498;border-color:#9a4655}.ide-console{color:#a9ecdf;min-height:0;font:.78rem/1.6 var(--ide-font);white-space:pre-wrap;margin:0;padding:1.1rem;overflow:auto}.ide-sandbox{border-top:1px solid var(--ide-border);background:#0b0e13}.ide-sandbox header{border-bottom:1px solid #1e222d;justify-content:space-between;align-items:center;height:2.4rem;padding:0 .8rem;display:flex}.ide-sandbox header strong{font:800 .64rem var(--ide-font);letter-spacing:.07em}.ide-sandbox header span{color:var(--ide-teal);font:700 .58rem var(--ide-font)}.ide-sandbox dl{grid-template-columns:1fr 1fr;gap:0;margin:0;display:grid}.ide-sandbox dl div{border-bottom:1px solid #171b24;padding:.65rem .8rem}.ide-sandbox dl div:nth-child(odd){border-right:1px solid #171b24}.ide-sandbox dt{color:#555b6b;font:.56rem var(--ide-font);text-transform:uppercase}.ide-sandbox dd{color:#a6aaba;font:700 .65rem var(--ide-font);margin:.22rem 0 0}.ide-statusbar{border-top:1px solid var(--ide-border);color:#656b7d;font:.58rem var(--ide-font);background:#0b0d12;justify-content:space-between;align-items:center;padding:0 .75rem;display:flex}.ide-statusbar>span:first-child{color:#9ca1b1;align-items:center;gap:.4rem;display:flex}.ide-statusbar i{background:var(--ide-teal);border-radius:50%;width:.4rem;height:.4rem}.ide-statusbar i[data-state=running]{background:#e6c96a}.ide-statusbar i[data-state=error]{background:#ff7189}@media (width<=78rem){.ide-workspace{grid-template-columns:13rem minmax(26rem,1fr) 21rem}}@media (width<=62rem){.ide-workspace{grid-template-rows:minmax(24rem,1fr) 17rem;grid-template-columns:12rem minmax(0,1fr)}.ide-examples{grid-row:1/-1}.ide-editor{grid-area:1/2}.ide-output{border-top:1px solid var(--ide-border);grid-area:2/2}.ide-sandbox{display:none}}@media (width<=48rem){html,body{height:auto;min-height:100%}body{display:block;overflow:auto}.ide-topbar{height:3.7rem}.ide-runtime,.ide-brand-section,.ide-examples{display:none}.ide-topbar nav{gap:.8rem}.ide-workspace{display:block}.ide-editor{border-right:0;height:max(30rem,65svh)}.ide-output{border-top:1px solid var(--ide-border);height:22rem}.ide-editor-actions select{max-width:9.5rem;display:block}.ide-source-note{min-height:2.8rem}.ide-statusbar{height:1.55rem;position:sticky;bottom:0}}