:root{--code-w: min(27.5rem, 38vw)}html,body{height:100%}body.ed{overflow:hidden;font-size:.875rem;line-height:1.5}.ak-app{position:fixed;inset:0}#app{position:absolute;inset:0;background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:1rem 1rem}button{font:inherit;color:inherit}.tl,.tr{position:absolute;z-index:10;top:.75rem}.tl{left:.75rem}.tr{right:.75rem}.island .brand{display:flex;align-items:center;gap:.5rem;padding:0 .5rem 0 .375rem;text-decoration:none;color:var(--ink);font-size:.9375rem}.island .brand img{border-radius:.3rem}.dropdown .menu{position:absolute;top:calc(100% + .5rem);left:0;z-index:40;animation:pop .14s var(--ease);width:18rem}.ex-menu .mi .k{flex:none;color:var(--faint);font-size:.6875rem}.code-panel{position:absolute;z-index:9;left:.75rem;top:4.25rem;bottom:.75rem;width:var(--code-w);display:flex;flex-direction:column;padding-bottom:.625rem}.code-panel .panel-head{gap:.625rem}.code-panel .panel-head h4{margin-right:auto}.code-state{font-size:.6875rem;color:var(--muted)}.code-state.err{color:var(--down)}.code-state.warn{color:var(--amber-ink)}.code-host{flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.code-ed{position:relative;flex:1;min-height:12rem;display:flex;overflow:hidden;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--bg)}.code-ed:focus-within{border-color:var(--accent)}.code-ed .gutter{flex:none;width:2.5rem;padding:.625rem .5rem .625rem 0;text-align:right;font-size:.75rem;line-height:1.6;color:var(--faint);user-select:none;border-right:1px solid var(--rule);background:var(--bg-sunk)}.code-ed .gutter span{display:block;cursor:pointer;padding-right:.125rem}.code-ed .gutter span.err{color:var(--down);font-weight:500;box-shadow:inset 2px 0 0 var(--down)}.code-ed .gutter span.warn{color:var(--amber-ink);box-shadow:inset 2px 0 0 var(--amber)}.code-scroll{position:relative;flex:1;min-width:0;overflow:hidden}.code-hl,.code-ta{margin:0;padding:.625rem .75rem;font-size:.75rem;line-height:1.6;tab-size:2;white-space:pre;font-family:var(--font-mono);letter-spacing:0}.code-hl{position:absolute;inset:0 auto auto 0;min-width:100%;color:var(--ink-2);pointer-events:none;will-change:transform}.code-ta{position:absolute;inset:0;width:100%;height:100%;resize:none;border:0;outline:none;background:transparent;color:transparent;caret-color:var(--ink);overflow:auto}.code-ta::selection{background:color-mix(in srgb,var(--accent) 28%,transparent);color:transparent}.code-hl .k{color:var(--accent-ink);font-weight:500}.code-hl .t{color:var(--t-teal)}.code-hl .id,.code-hl .s{color:var(--ink)}.code-hl .o{color:var(--amber-ink);font-weight:500}.code-hl .d{color:var(--t-blue)}.code-hl .a{color:var(--muted)}.code-hl .b{color:var(--faint)}.code-hl .c{color:var(--faint);font-style:italic}.code-hl .sep{color:var(--accent)}.code-hl .ln-err{text-decoration:underline wavy color-mix(in srgb,var(--down) 80%,transparent);text-underline-offset:3px;text-decoration-skip-ink:none}.code-hl .ln-warn{text-decoration:underline wavy color-mix(in srgb,var(--amber) 70%,transparent);text-underline-offset:3px;text-decoration-skip-ink:none}.code-msg{display:grid;gap:.25rem;max-height:30%;overflow:auto}.code-msg p,.code-msg button{display:flex;gap:.5rem;align-items:flex-start;margin:0;padding:.25rem .375rem;border:0;border-radius:var(--radius-sm);background:none;font-size:.75rem;line-height:1.45;text-align:left;color:var(--muted)}.code-msg button{cursor:pointer}.code-msg button:hover{background:var(--bg-sunk)}.code-msg .mono{flex:none;min-width:2.25rem;font-size:.6875rem;opacity:.8}.code-msg .ok .i{color:var(--ok);margin-top:.125rem}.code-msg .err{color:var(--down)}.code-msg .warn{color:var(--amber-ink)}.view{position:absolute;inset:4.25rem 0 0 calc(var(--code-w) + 1.5rem);overflow:auto;padding:0 1.25rem 5.5rem}.view-in{min-height:100%}.view>.hint{position:sticky;left:0;margin:.75rem 0 0;text-align:center}.dlg .share-row{display:grid;gap:.375rem;margin-bottom:1rem}.dlg .share-row .btn-row{flex-wrap:nowrap}.dlg .share-row .inp{flex:1}.dlg code{font-size:.75rem}.mm-in{width:100%;min-height:14rem;margin-top:.75rem}.dlg-foot .chk{gap:.5rem}.ex-opts{display:grid;gap:.875rem}.ex-opts [hidden]{display:none}.toast{z-index:80}body.presenting #app{visibility:hidden}.present-host{position:fixed;inset:0;z-index:30;overflow:auto;background:var(--bg);font-size:.875rem}.pv-page{max-width:92rem;margin:0 auto;padding:1rem clamp(1rem,3vw,2.5rem) 2.5rem}.pv-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pv-brand{font-size:.8125rem;color:var(--muted);text-decoration:none}.pv-head{display:grid;gap:.625rem 3rem;margin:.5rem 0 1.5rem}@media (min-width: 900px){.pv-head{grid-template-columns:11rem minmax(0,1fr)}}.pv-head .label{padding-top:.375rem}.pv-head h2{font-size:clamp(1.375rem,2.4vw,1.875rem);font-stretch:106%}.pv-head p:not(.label){margin-top:.75rem;max-width:72ch;color:var(--ink-2);font-size:.9375rem;line-height:1.6}.pv-fig{display:block;overflow:clip}.pv-fig .canvas{padding:1.25rem 1rem .75rem}.pv-fig .stepbar{margin:.75rem 1.25rem 0}.pv-fig .stepbar[hidden]{display:none}.pv-hint{margin-top:.75rem;text-align:center}.present-host:fullscreen{background:var(--bg)}@media (max-width: 760px){:root{--code-w: calc(100vw - 1.5rem) }.tl .btn span,.tr .btn span,.tr [data-a=prompt],.tl [data-a=mermaid],.tl [data-a=theme],.tl .sep{display:none}.code-panel{top:auto;height:38vh}.view{inset:4rem 0 calc(38vh + 1.25rem) 0;padding:0 .5rem 4.5rem}.dv-stage{flex-direction:column;align-items:center}.dv-scrub{width:22vw}.dv-ctl .seg{display:none}.view>.hint{display:none}}.dlg.ex-dlg{width:min(46rem,calc(100vw - 2rem))}.ex-prev{margin:0 0 1rem}.ex-box{display:flex;flex-direction:column;align-items:center;justify-content:safe center;height:min(20rem,40vh);padding:.75rem;overflow:auto;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--bg-sunk)}.ex-box.dark{background:#0a0a09;border-color:#262624}.ex-img{display:block;flex:none;max-width:100%;height:auto;border-radius:.3rem}.ex-img[hidden],.ex-txt[hidden]{display:none}.ex-txt{align-self:stretch;flex:1;margin:0;overflow:auto;font-size:.6875rem;line-height:1.55;color:var(--ink-2);white-space:pre}.ex-box.dark .ex-txt{color:#c9c8c1}.ex-meta{margin-top:.375rem;font-size:.6875rem;color:var(--muted)}.share-tabs{width:12.5rem;margin-bottom:1rem}.share-tabs button{flex:1}.share-pane[hidden]{display:none}.dlg.embed-dlg{width:min(47.5rem,calc(100vw - 2rem))}.embed-opts{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.375rem;margin-bottom:.875rem}.embed-opts .fld{width:18rem}.embed-chks{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding-bottom:.375rem}.embed-frame{display:block;width:100%;border:0;border-radius:.625rem;background:transparent}.snip{margin-top:1rem}.snip-h{display:flex;align-items:center;gap:.625rem}.snip-h .hint{flex:1;min-width:0}.snip-code{margin:.375rem 0 0;max-height:7.9em;overflow:auto;padding:.5625rem .6875rem;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--bg-sunk);color:var(--ink-2);font:.71875rem/1.55 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}.snip-note{margin-top:.5rem}.snip-note .btn-row{margin-top:.25rem;flex-wrap:nowrap}.dlg .snip-note code{color:var(--ink-2);overflow-wrap:anywhere}