pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eff5ef;--muted:#98a49b;--subtle:#6f7b72;--canvas:#0c0f0d;--surface:#121713;--surface-2:#182019;--line:#cfe8d521;--line-strong:#cfe8d53b;--accent:#a8f0b4;--accent-ink:#0b2712;--gold:#e6c985;--danger:#ff8b7e;--shadow:0 24px 80px #00000047;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--canvas);min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 72% -12%, #7ad68b1f, transparent 34rem), radial-gradient(circle at -10% 42%, #e6c9850f, transparent 30rem), var(--canvas);margin:0}button,select,textarea,input{font:inherit}button,.button{border:1px solid var(--line-strong);min-height:2.6rem;color:var(--ink);cursor:pointer;background:#ffffff06;border-radius:.75rem;padding:.64rem 1rem;text-decoration:none;transition:border-color .14s,background .14s,transform .14s}button:hover,.button:hover{background:#a8f0b40f;border-color:#a8f0b47a}button:active,.button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:wait;opacity:.58}.primary{border-color:var(--accent);color:var(--accent-ink);background:var(--accent);font-weight:750}.primary:hover{background:#c8ffd1;border-color:#c8ffd1}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:1rem;width:min(1180px,100% - 2rem);margin:0 auto;padding:1.35rem 0;display:flex}.wordmark{color:var(--ink);letter-spacing:-.08em;font:800 1.4rem/1 ui-monospace,Cascadia Code,monospace;text-decoration:none}.wordmark-mark{color:var(--accent)}.wordmark-dot{color:var(--gold)}.project-note{color:var(--subtle);white-space:nowrap;font:.72rem/1 ui-monospace,Cascadia Code,monospace}.header-rule{background:var(--line-strong);width:1px;height:1.25rem}.site-header p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem}.header-actions{align-items:center;gap:.65rem;margin-left:auto;display:flex}.header-button{min-height:2rem;color:var(--muted);border-radius:.6rem;padding:.34rem .7rem;font-size:.8rem}.header-link{color:var(--muted);font-size:.84rem;text-decoration:none}.header-link:hover{color:var(--accent)}main{width:min(1120px,100% - 2rem);margin:0 auto}.composer{padding:clamp(1.5rem,4vw,3rem) 0 5rem}.hero{max-width:860px;margin-bottom:2.4rem}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .75rem;font:700 .72rem/1.2 ui-monospace,Cascadia Code,monospace}h1,h2,h3{letter-spacing:-.035em}.hero h1,.viewer-heading h1{margin:0;font-size:clamp(2.65rem,7vw,5.6rem);font-weight:720;line-height:.98}.hero h1 em,.viewer-heading h1 em{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-copy{max-width:700px;color:var(--muted);margin:1.5rem 0 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.72}.editor-card,.result-card,.document-shell,.runner{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121713e0;border-radius:1.15rem;overflow:hidden}.editor-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;padding:.85rem 1rem;font:.76rem ui-monospace,Cascadia Code,monospace;display:flex}.editor-bar label{color:var(--ink);font-weight:700}#source-input{resize:vertical;color:#dfe9e1;tab-size:2;background:0 0;border:0;outline:0;width:100%;min-height:clamp(24rem,100vh - 17rem,48rem);padding:1.25rem;font:.94rem/1.7 ui-monospace,Cascadia Code,SFMono-Regular,Consolas,monospace;display:block}#source-input::placeholder{color:#59635b}.controls{border-top:1px solid var(--line);background:#ffffff03;flex-wrap:wrap;align-items:end;gap:.85rem;padding:1rem;display:flex}.controls .primary{margin-left:auto}.select-control{color:var(--muted);gap:.35rem;font-size:.73rem;display:grid}select{border:1px solid var(--line-strong);min-width:9rem;color:var(--ink);background:var(--surface-2);border-radius:.65rem;padding:.58rem 2rem .58rem .7rem}.toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-self:center;align-items:center;gap:.55rem;font-size:.84rem;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{border:1px solid var(--line-strong);background:#263027;border-radius:999px;width:2.25rem;height:1.25rem;transition:all .15s;position:relative}.toggle-track:after{content:"";background:var(--muted);border-radius:50%;width:.75rem;height:.75rem;transition:all .15s;position:absolute;top:.18rem;left:.2rem}.toggle input:checked+.toggle-track{border-color:var(--accent);background:#a8f0b433}.toggle input:checked+.toggle-track:after{background:var(--accent);transform:translate(.95rem)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:3px}.result-card{margin-top:1rem;padding:clamp(1.2rem,3vw,2rem)}.result-heading,.viewer-heading,.runner-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.result-heading h2{margin:0;font-size:clamp(1.45rem,3vw,2.2rem)}.success-dot,.live-dot{background:var(--accent);border-radius:50%;width:.65rem;height:.65rem;display:inline-block;box-shadow:0 0 1.2rem #a8f0b4b3}.link-field{color:var(--muted);gap:.45rem;margin-top:1.5rem;font-size:.75rem;display:grid}#output-link{resize:vertical;border:1px solid var(--line);width:100%;color:var(--accent);word-break:break-all;background:#0c110d;border-radius:.7rem;padding:.8rem;font:.77rem/1.55 ui-monospace,monospace}.result-meta,.viewer-meta{color:var(--muted);font:.78rem/1.5 ui-monospace,monospace}.warning{border-left:2px solid var(--gold);color:#d9c99f;background:#e6c9850f;padding:.65rem .8rem;font-size:.84rem}.result-actions,.action-bar{flex-wrap:wrap;gap:.6rem;display:flex}.auto-run-action{color:#ffc1b9;border-color:#ff8b7e6b}.qr-wrap{border-top:1px solid var(--line);justify-items:center;margin:1.5rem 0 0;padding-top:1.5rem;display:grid}#qrcode{width:min(520px,100%);height:auto;image-rendering:pixelated;background:#f4f7f3;padding:.75rem}.qr-wrap figcaption{color:var(--subtle);margin-top:.65rem;font-size:.75rem}.viewer{padding:clamp(1.25rem,3vw,2.4rem) 0 4rem}.viewer-details{border:1px solid var(--line);background:#121713b3;border-radius:.85rem;margin-bottom:.8rem;overflow:hidden}.viewer-details summary{color:var(--muted);cursor:pointer;justify-content:space-between;gap:1rem;padding:.75rem .9rem;font-size:.8rem;list-style:none;display:flex}.viewer-details summary::-webkit-details-marker{display:none}.viewer-details summary:before{content:"+";color:var(--accent);font:700 1rem/1 ui-monospace,monospace}.viewer-details[open] summary:before{content:"−"}.viewer-summary{color:var(--subtle);text-align:right;margin-left:auto;font-family:ui-monospace,Cascadia Code,monospace}.viewer-heading{border-top:1px solid var(--line);align-items:end;margin:0;padding:clamp(1rem,3vw,1.6rem)}.viewer-heading h1{text-transform:capitalize;font-size:clamp(2.35rem,6vw,4.8rem)}.viewer-meta{margin-bottom:0}.scope-note{border-left:2px solid var(--gold);color:var(--muted);background:#e6c9850b;grid-template-columns:auto 1fr;gap:.65rem;margin:0 clamp(1rem,3vw,1.6rem) clamp(1rem,3vw,1.6rem);padding:.75rem .85rem;font-size:.8rem;line-height:1.55;display:grid}.scope-note strong{color:var(--gold);letter-spacing:.1em;font:750 .7rem/1.55 ui-monospace,Cascadia Code,monospace}.scope-note p{margin:0}.scope-note b{color:#ddd1af}.action-bar{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0f0de6;border-radius:.85rem;margin-bottom:.8rem;padding:.7rem;position:sticky;top:.75rem}.action-bar button{min-height:2.25rem;padding:.46rem .78rem;font-size:.8rem}.action-toggle{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.42rem;padding:0 .25rem;font-size:.76rem;display:flex}.action-toggle[hidden]{display:none}#run-scope-control,#run-scope-control[hidden]+#network-control{margin-left:auto}.action-toggle input{accent-color:var(--accent)}.action-bar .run-button{color:var(--gold);border-color:#e6c98594}.action-bar .native-run-button{color:#ffc1b9;background:#ff8b7e0f;border-color:#ff8b7e94}.tabs{border-bottom:1px solid var(--line);gap:.25rem;padding:.7rem;display:flex}.tabs button{min-height:2rem;color:var(--muted);background:0 0;border-color:#0000;padding:.35rem .7rem;font-size:.78rem}.tabs button[aria-selected=true]{color:var(--accent);background:#a8f0b414}.preview,.source-view{min-height:24rem;margin:0;padding:clamp(1.25rem,4vw,3.4rem);overflow:auto}.preview{color:#dce6de;line-height:1.72}.preview>:first-child{margin-top:0}.preview>:last-child{margin-bottom:0}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6{color:#f4f8f4;margin:1.65em 0 .55em;line-height:1.16}.preview h1{font-size:2.2rem}.preview h2{border-bottom:1px solid var(--line);padding-bottom:.35rem;font-size:1.65rem}.preview a{color:var(--accent);text-underline-offset:.18em}.preview img,.preview video,.preview svg{max-width:100%;height:auto}.preview audio{width:min(100%,42rem);margin:1rem 0;display:block}.preview details{border:1px solid var(--line);background:#ffffff05;border-radius:.7rem;margin:1rem 0;padding:.7rem .85rem}.preview details>summary{color:var(--accent);cursor:pointer;font-weight:700}.preview details[open]>summary{margin-bottom:.7rem}.preview input[type=checkbox]{accent-color:var(--accent);margin-right:.45rem}.preview code{border:1px solid var(--line);color:#c9f1cf;background:#0b100c;border-radius:.3rem;padding:.1em .32em;font:.88em ui-monospace,monospace}.preview pre,.source-code{border:1px solid var(--line);background:#090d0a;border-radius:.8rem;padding:1rem;overflow:auto}.preview pre code,.source-code code{white-space:pre;background:0 0;border:0;padding:0}.preview blockquote{border-left:3px solid var(--gold);color:#cfc5a8;white-space:pre-line;background:#e6c9850a;margin-left:0;padding:.2rem 1rem}.preview table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.preview th,.preview td{border:1px solid var(--line);text-align:left;padding:.55rem .7rem}.preview th{color:var(--accent);background:#a8f0b40a}.source-view,.source-code{color:#dce6de;white-space:pre;tab-size:2;font:.88rem/1.65 ui-monospace,Cascadia Code,Consolas,monospace}.tok-comment{color:#728478;font-style:italic}.tok-string{color:#d9c489}.tok-number{color:#c5a8f3}.tok-keyword{color:#83d9ee}.code-block,.mermaid-block{border:1px solid var(--line);background:#090d0a;border-radius:.82rem;margin:1rem 0;overflow:hidden}.code-toolbar{border-bottom:1px solid var(--line);min-height:2.35rem;color:var(--subtle);text-transform:lowercase;background:#0c110d;justify-content:space-between;align-items:center;gap:1rem;padding:.35rem .55rem .35rem .8rem;font:.7rem/1 ui-monospace,Cascadia Code,monospace;display:flex}.code-toolbar button{border-radius:.42rem;min-height:1.65rem;padding:.25rem .55rem;font-size:.68rem}.code-block pre,.mermaid-source pre,.preview .code-block pre,.preview .mermaid-source pre{border:0;border-radius:0;margin:0}.code-block .hljs{color:inherit;background:0 0}.mermaid-diagram{background:#101612;place-items:center;min-height:8rem;padding:clamp(1rem,3vw,2rem);display:grid;overflow:auto}.mermaid-diagram svg{min-width:min(100%,34rem)}.mermaid-error{min-height:0;color:var(--danger);white-space:pre-wrap;place-items:start;font:.78rem/1.55 ui-monospace,monospace}.mermaid-source,.preview .mermaid-source{border:0;border-top:1px solid var(--line);background:#090d0a;border-radius:0;margin:0;padding:0}.mermaid-source>summary,.preview .mermaid-source>summary{color:var(--muted);cursor:pointer;padding:.55rem .8rem;font:.72rem/1 ui-monospace,monospace}.mermaid-source[open]>summary{border-bottom:1px solid var(--line);margin:0}.runner{margin-top:1rem}.runner-head{border-bottom:1px solid var(--line);align-items:center;padding:.75rem .9rem}.runner-head>div{align-items:center;gap:.55rem;display:flex}.runner-head small{color:var(--subtle)}.runner-head button{min-height:2rem;padding:.35rem .65rem;font-size:.76rem}.runner-actions{justify-content:flex-end}.runner-close{place-items:center;width:2rem;display:grid;padding:0!important;font-size:1.2rem!important}.runner-close[hidden]{display:none}#runner-frame{background:#111512;border:0;width:100%;min-height:24rem;display:block}.runner-log{border-top:1px solid var(--line);max-height:12rem;color:var(--muted);background:#080b09;padding:.7rem .9rem;font:.76rem/1.55 ui-monospace,monospace;overflow:auto}.runner-log:empty{display:none}.runner-log [data-level=error]{color:var(--danger)}.runner-log [data-level=warn]{color:var(--gold)}.runner-expanded{z-index:40;border:1px solid var(--line-strong);background:var(--surface);border-radius:.85rem;grid-template-rows:auto minmax(0,1fr) auto;width:min(1800px,100vw - 2rem);height:calc(100dvh - 2rem);margin:auto;display:grid;position:fixed;inset:1rem;overflow:hidden;box-shadow:0 0 0 100vmax #020503d6,0 36px 120px #000000c7}.runner-expanded #runner-frame{width:100%;height:100%;min-height:0}.runner-expanded .runner-log{max-height:min(24vh,15rem)}.runner-is-expanded{overflow:hidden}.modal{border:1px solid var(--line-strong);width:min(760px,100% - 2rem);max-height:min(84vh,760px);color:var(--ink);background:#121713fa;border-radius:1.15rem;margin:auto;padding:clamp(1.2rem,4vw,2rem);overflow:auto;box-shadow:0 36px 120px #000000ad}.modal::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020503c2}.modal-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.modal-head .eyebrow{margin:0}.icon-button{place-items:center;width:2.2rem;min-height:2.2rem;padding:0;font-size:1.35rem;line-height:1;display:grid}.about-dialog .hero{margin-bottom:1.5rem}.about-dialog .hero h1{font-size:clamp(2.4rem,7vw,5rem)}.modal-copy{color:var(--muted);margin:0;line-height:1.7}body:has(dialog[open]){overflow:hidden}footer{border-top:1px solid var(--line);width:min(1120px,100% - 2rem);color:var(--subtle);justify-content:space-between;gap:1rem;margin:0 auto;padding:1.4rem 0 2rem;font-size:.74rem;display:flex}footer a{color:var(--muted)}.toast{z-index:20;max-width:min(28rem,100% - 2.4rem);color:var(--ink);box-shadow:var(--shadow);background:#172019;border:1px solid #a8f0b45c;border-radius:.75rem;padding:.75rem .9rem;font-size:.84rem;position:fixed;bottom:1.2rem;right:1.2rem}.toast[data-tone=error]{color:#ffd3ce;border-color:#ff8b7e8c}@media (width<=720px){.site-header p,.header-rule{display:none}.composer{padding-top:1rem}.controls{align-items:stretch}.controls>*{flex:10rem}.controls .primary{flex-basis:100%;margin-left:0}.viewer-heading{flex-direction:column;align-items:flex-start}.viewer-details summary{align-items:flex-start}.action-bar{position:static}.action-toggle{flex:100%;order:2;padding:.35rem .2rem;margin-left:0!important}.runner-head,footer{flex-direction:column;align-items:flex-start}.runner-head>div{flex-wrap:wrap}.runner-actions{width:100%}.runner-expanded{width:calc(100vw - .9rem);height:calc(100dvh - .9rem);inset:.45rem}}@media (width<=520px){.header-link{display:none}.site-header{gap:.55rem}.project-note{font-size:.63rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
/*$vite$:1*/