:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#e6e8f0;background:#171922;--panel-height: clamp(390px, 65vh, 900px)}*{box-sizing:border-box}body{margin:0}a{color:#a9b9ff;text-decoration:none}a:hover{text-decoration:underline}header{padding:1.2rem 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333646}.brand{display:flex;align-items:flex-end;gap:.6rem;font-size:1.4rem;font-weight:750;color:#fff}.brand span{font-size:1rem;font-weight:400;color:#a3a9bf;margin-left:0}main{max-width:1440px;margin:auto;padding:2rem 4vw}h1{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;margin:0}.intro p,footer{color:#a3a9bf;line-height:1.6}.toolbar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:1.8rem 0 1rem}button,select{font:inherit;border:1px solid #454b65;background:#252a3b;color:#f0f1f8;border-radius:5px;padding:.5rem .9rem}button{cursor:pointer}button:hover:enabled{background:#39415d}button:disabled{opacity:.4;cursor:default}#run{background:#7185e7;color:#101425;font-weight:700;border-color:#7185e7}#status{color:#a3a9bf;margin-left:auto;font-size:.9rem}.workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;border:1px solid #363b50;border-radius:8px;overflow:hidden}.workspace section{min-width:0;background:#1d202d}.workspace section+section{border-left:1px solid #363b50}.panel-title{display:flex;align-items:center;gap:.5em;padding:.7rem 1rem;color:#b0b7cf;background:#252938;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;line-height:1.5}#snapshot{font-family:system-ui,sans-serif}.cm-editor{height:var(--panel-height);font-size:14px}.cm-scroller{font-family:JetBrains Mono,ui-monospace,monospace}.cm-content{padding:1rem 0;caret-color:#fff}.cm-gutters{background:#1d202d;color:#7f88a4;border:0}.cm-editor.cm-focused{outline:none!important}.cm-editor.cm-focused:after{content:"";position:absolute;inset:0;border:2px solid #7185e7;pointer-events:none;z-index:201}.cm-selectionBackground,.cm-focused .cm-selectionBackground{background:#3b4569!important}.cm-tooltip{background:#252938;border:1px solid #7185e7;color:#e6e8f0}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:0 1rem;font:14px/1.6 JetBrains Mono,ui-monospace,monospace;min-height:1.6em}#output{height:var(--panel-height);margin:0;padding-top:1rem;padding-bottom:1rem;overflow-y:auto;line-height:1.4;font-variant-ligatures:none}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin:1.3rem 1rem .5rem;color:#a3a9bf}#error{color:#ffaaa5}.diagnostics{margin-top:1rem}.diagnostics h2{margin-left:0}#diagnostics{list-style:none;padding:0}#diagnostics button{padding:.3rem 0;text-align:left;border:0;background:none;color:#e4ba8f;white-space:pre-wrap}footer{margin-top:2rem;font-size:.85rem}.token-keyword,.token-operator{color:#c8a4f8}.token-punctuation{color:#6f7690}.token-sigil,.token-annotation{color:#f29ab8}.token-string{color:#b9d991}.token-number,.token-constant{color:#f4bc87}.token-function{color:#9cbcff}.token-class,.token-namespace,.token-type{color:#81d5cc}.token-type-parameter{color:#d8a8ef}.token-property,.token-parameter{color:#e5c790}.token-comment{color:#8d97ae;font-style:italic}.ansi-black-fg{color:#5a6078}.ansi-black-bg{background:#5a6078}.ansi-red-fg{color:#ff7a85}.ansi-red-bg{background:#8f3a42}.ansi-green-fg{color:#b9d991}.ansi-green-bg{background:#4c6b30}.ansi-yellow-fg{color:#e5c790}.ansi-yellow-bg{background:#7a6230}.ansi-blue-fg{color:#9cbcff}.ansi-blue-bg{background:#3a5294}.ansi-magenta-fg{color:#c8a4f8}.ansi-magenta-bg{background:#65448f}.ansi-cyan-fg{color:#81d5cc}.ansi-cyan-bg{background:#2f6b65}.ansi-white-fg{color:#d5d8e3}.ansi-white-bg{background:#a3a9bf}.ansi-bright-black-fg{color:#8d97ae}.ansi-bright-black-bg{background:#7f88a4}.ansi-bright-red-fg{color:#ffaaa5}.ansi-bright-red-bg{background:#c2545d}.ansi-bright-green-fg{color:#d4f0a8}.ansi-bright-green-bg{background:#6d9446}.ansi-bright-yellow-fg{color:#f4d9a8}.ansi-bright-yellow-bg{background:#a88a45}.ansi-bright-blue-fg{color:#bcd2ff}.ansi-bright-blue-bg{background:#5470c0}.ansi-bright-magenta-fg{color:#dcc4ff}.ansi-bright-magenta-bg{background:#8a63bd}.ansi-bright-cyan-fg{color:#a8ece4}.ansi-bright-cyan-bg{background:#45948c}.ansi-bright-white-fg{color:#fff}.ansi-bright-white-bg{background:#e6e8f0}@media(max-width:720px){.workspace{grid-template-columns:1fr}.workspace section+section{border-left:0;border-top:1px solid #363b50}#status{width:100%;margin:0}}.playground-help{margin-top:1.5rem;color:#a3a9bf;font-size:.9rem;line-height:1.6}.playground-help summary{cursor:pointer;color:#e6e8f0}.playground-help h2{margin-left:0}.playground-help p{max-width:85ch}.playground-help .names{display:flex;flex-wrap:wrap;gap:.4rem .6rem;list-style:none;padding:0;margin:0}
