.beloch-playground:where(.astro-alq5tfmz){border:1px solid var(--beloch-border);background:var(--beloch-panel);--bel-bg:transparent;border-radius:14px;grid-template-columns:1fr 1fr;margin:1.5rem 0;display:grid;position:relative;overflow:hidden}@media (width<=720px){.beloch-playground:where(.astro-alq5tfmz){grid-template-columns:1fr}}.pg-pane:where(.astro-alq5tfmz){flex-direction:column;min-width:0;display:flex}.pg-editor:where(.astro-alq5tfmz){background:var(--beloch-code-bg);border-right:1px solid var(--beloch-border)}@media (width<=720px){.pg-editor:where(.astro-alq5tfmz){border-right:none;border-bottom:1px solid var(--beloch-border)}}.pg-toolbar:where(.astro-alq5tfmz){justify-content:space-between;align-items:center;padding:9px 16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;display:flex}.pg-output:where(.astro-alq5tfmz) .pg-toolbar:where(.astro-alq5tfmz){color:var(--beloch-muted);border-bottom:1px solid var(--beloch-border)}.pg-toolbar-output:where(.astro-alq5tfmz){justify-content:flex-end}.pg-run:where(.astro-alq5tfmz){z-index:2;border:1px solid var(--beloch-valley);background:var(--beloch-panel);width:44px;height:44px;color:var(--beloch-valley);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-run:where(.astro-alq5tfmz):hover:not(:disabled){background:var(--beloch-valley);color:#fff}.pg-run:where(.astro-alq5tfmz):disabled{cursor:default;border-color:var(--beloch-border);color:var(--beloch-muted)}.pg-run-spinner:where(.astro-alq5tfmz){border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite pg-spin;display:none}.pg-run:where(.astro-alq5tfmz).is-loading .pg-run-play:where(.astro-alq5tfmz){display:none}.pg-run:where(.astro-alq5tfmz).is-loading .pg-run-spinner:where(.astro-alq5tfmz){display:block}@keyframes pg-spin{to{transform:rotate(360deg)}}.pg-run-hint:where(.astro-alq5tfmz){z-index:2;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);color:var(--beloch-muted);background:var(--beloch-panel);border:1px solid var(--beloch-border);opacity:0;pointer-events:none;border-radius:999px;padding:3px 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;transition:opacity .15s;position:absolute;top:calc(50% + 36px);left:50%;overflow:hidden;transform:translate(-50%)}.pg-run-hint:where(.astro-alq5tfmz).is-visible{opacity:1}.pg-source:where(.astro-alq5tfmz){min-height:var(--pg-height,320px);resize:vertical;background:0 0;flex:1;overflow:hidden}.pg-source:where(.astro-alq5tfmz) .cm-editor{height:100%}.pg-source:where(.astro-alq5tfmz) .cm-scroller{overflow:auto}.pg-source:where(.astro-alq5tfmz) .cm-step-gutter{width:14px}.pg-source:where(.astro-alq5tfmz) .cm-step-dot{background:var(--beloch-valley);border-radius:50%;width:8px;height:8px;margin:6px auto 0;display:block}.pg-source:where(.astro-alq5tfmz) .cm-step-line{background:color-mix(in srgb, var(--beloch-valley) 15%, transparent)}.pg-output:where(.astro-alq5tfmz){background:0 0}.pg-result:where(.astro-alq5tfmz){min-height:var(--pg-height,320px);cursor:grab;touch-action:none;background:0 0;flex:1;justify-content:center;align-items:center;padding:14px;display:flex;position:relative;overflow:hidden}.pg-result:where(.astro-alq5tfmz).is-panning{cursor:grabbing}.pg-canvas:where(.astro-alq5tfmz){transform-origin:0 0;will-change:transform;justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.pg-canvas:where(.astro-alq5tfmz) svg{width:auto;max-width:100%;height:auto;max-height:100%}.pg-canvas:where(.astro-alq5tfmz) .pg-hl{stroke:var(--beloch-valley);stroke-width:4px}.pg-canvas:where(.astro-alq5tfmz) .pg-hl-ghost{stroke:var(--beloch-valley);stroke-width:2.5px;stroke-dasharray:5 4;opacity:.55;fill:none;pointer-events:none}.pg-canvas:where(.astro-alq5tfmz):has(:global(.pg-notice)){cursor:default}.pg-canvas:where(.astro-alq5tfmz) .pg-hit{stroke:#0000;stroke-width:14px;fill:none;pointer-events:stroke;cursor:pointer}.pg-canvas:where(.astro-alq5tfmz) [data-crease-id],.pg-canvas:where(.astro-alq5tfmz) line[data-kind=crease]{cursor:pointer}.pg-reset:where(.astro-alq5tfmz){z-index:2;border:1px solid var(--beloch-border);background:color-mix(in srgb, var(--beloch-panel) 78%, transparent);width:30px;height:30px;color:var(--beloch-muted);cursor:pointer;opacity:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s;display:flex;position:absolute;top:10px;right:10px}.pg-result:where(.astro-alq5tfmz):hover .pg-reset:where(.astro-alq5tfmz):not([hidden]){opacity:1}.pg-reset:where(.astro-alq5tfmz):hover{color:var(--beloch-valley)}.pg-reset:where(.astro-alq5tfmz)[hidden]{display:none}.pg-inspect:where(.astro-alq5tfmz){z-index:20;background:var(--beloch-panel);border:1px solid var(--beloch-border);max-width:320px;max-height:70%;color:var(--beloch-muted);pointer-events:none;border-radius:6px;padding:10px 12px;font:12px/1.5 IBM Plex Mono,ui-monospace,monospace;position:fixed;overflow:auto}.pg-inspect:where(.astro-alq5tfmz).is-anchored{pointer-events:auto}.pg-inspect:where(.astro-alq5tfmz)[hidden]{display:none}.pg-inspect:where(.astro-alq5tfmz) h4{color:var(--beloch-ink);margin:0 0 4px;padding-right:18px;font-size:12px}.pg-inspect:where(.astro-alq5tfmz) .pg-inspect-sub{color:var(--beloch-muted);margin-bottom:4px}.pg-inspect:where(.astro-alq5tfmz) .pg-inspect-close{z-index:1;appearance:none;box-shadow:none;color:var(--beloch-ink);cursor:pointer;opacity:.5;background:0 0;border:0;padding:4px;font:18px/1 ui-sans-serif,system-ui,sans-serif;position:absolute;top:2px;right:4px}.pg-inspect:where(.astro-alq5tfmz) .pg-inspect-close:hover{opacity:1}.pg-inspect:where(.astro-alq5tfmz) .pg-inspect-close:focus-visible{outline:1px solid var(--beloch-border);border-radius:3px}.pg-inspect:where(.astro-alq5tfmz) .seg{border-top:1px solid var(--beloch-border);cursor:pointer;margin:4px -12px 0;padding:5px 12px 4px}.pg-inspect:where(.astro-alq5tfmz) .seg:hover{color:var(--beloch-ink);background:color-mix(in srgb, var(--beloch-ink) 10%, transparent)}.pg-canvas:where(.astro-alq5tfmz) .pg-notice{text-align:center;max-width:32ch;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:13.5px;line-height:1.5}.pg-canvas:where(.astro-alq5tfmz) .pg-notice-info{color:var(--beloch-muted)}.pg-canvas:where(.astro-alq5tfmz) .pg-notice-error{color:var(--beloch-mountain)}.pg-swatches:where(.astro-alq5tfmz){gap:8px;display:inline-flex}.pg-swatches:where(.astro-alq5tfmz) .pg-swatch{border:1px solid var(--beloch-border);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:inset 0 0 0 1px #00000014}.pg-swatches:where(.astro-alq5tfmz) .pg-swatch.is-active{outline:2px solid var(--beloch-valley);outline-offset:1px}.pg-steps:where(.astro-alq5tfmz){border-top:1px solid var(--beloch-border);color:var(--beloch-muted);flex-direction:column;align-items:stretch;gap:6px;padding:8px 16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;display:flex}.pg-steps:where(.astro-alq5tfmz)[hidden]{display:none}.pg-step-timeline:where(.astro-alq5tfmz){align-items:center;gap:10px;display:flex}.pg-step-nav:where(.astro-alq5tfmz){border:1px solid var(--beloch-border);width:24px;height:24px;color:var(--beloch-muted);cursor:pointer;background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:flex}.pg-step-nav:where(.astro-alq5tfmz):hover:not(:disabled){color:var(--beloch-valley);border-color:var(--beloch-valley)}.pg-step-nav:where(.astro-alq5tfmz):disabled{opacity:.4;cursor:default}.pg-step-track:where(.astro-alq5tfmz){flex:1;justify-content:space-between;align-items:center;min-width:0;height:34px;display:flex;position:relative}.pg-step-track:where(.astro-alq5tfmz):before,.pg-step-track:where(.astro-alq5tfmz):after{content:"";pointer-events:none;border-radius:3px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pg-step-track:where(.astro-alq5tfmz):before{background:var(--beloch-border);right:0}.pg-step-track:where(.astro-alq5tfmz):after{width:var(--pg-progress,0%);background:var(--beloch-valley);transition:width .15s}.pg-step-dot{z-index:1;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:relative}.pg-step-dot:before{content:"";border:2px solid var(--beloch-border);background:var(--beloch-panel);width:14px;height:14px;box-shadow:0 0 0 3px var(--beloch-panel);border-radius:50%;transition:transform .12s,background .12s,border-color .12s}.pg-step-dot:hover:before{border-color:var(--beloch-valley);transform:scale(1.15)}.pg-step-dot.is-past:before{background:var(--beloch-valley);border-color:var(--beloch-valley)}.pg-step-dot.is-active{z-index:2}.pg-step-dot.is-active:before{background:var(--beloch-valley);border-color:var(--beloch-valley);width:18px;height:18px;box-shadow:0 0 0 3px var(--beloch-panel), 0 0 0 6px color-mix(in srgb, var(--beloch-valley) 30%, transparent)}.pg-step-label:where(.astro-alq5tfmz){text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(.astro-lcdefpme),:where(.astro-lcdefpme):before,:where(.astro-lcdefpme):after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--beloch-panel);min-height:100vh;color:var(--beloch-ink);font-family:IBM Plex Sans,system-ui,sans-serif;overflow-x:hidden}a:where(.astro-lcdefpme){color:var(--beloch-valley);text-decoration:none}a:where(.astro-lcdefpme):hover{text-decoration:underline}.site-header:where(.astro-lcdefpme){border-bottom:1px solid var(--beloch-border);justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(20px,5vw,56px);display:flex}.wordmark:where(.astro-lcdefpme){color:var(--beloch-ink);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:18px;font-weight:600}.wordmark:where(.astro-lcdefpme):hover{text-decoration:none}.site-nav:where(.astro-lcdefpme){flex-wrap:wrap;align-items:center;gap:clamp(12px,3vw,28px);font-size:14px;display:flex}.site-nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--beloch-muted)}.site-nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--beloch-ink)}.theme-toggle:where(.astro-lcdefpme){border:1px solid var(--beloch-border);width:30px;height:30px;color:var(--beloch-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:where(.astro-lcdefpme):hover{color:var(--beloch-ink);border-color:var(--beloch-valley)}.theme-toggle-icon:where(.astro-lcdefpme){font-size:14px;line-height:1}.theme-toggle-icon:where(.astro-lcdefpme):before{content:"☀"}:root[data-theme=light] .theme-toggle-icon:where(.astro-lcdefpme):before{content:"☽"}main:where(.astro-lcdefpme){width:min(1120px,94vw);margin:0 auto;padding:clamp(32px,6vw,72px) 0 48px}.hero:where(.astro-lcdefpme){text-align:center}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){margin:0 0 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(32px,6vw,48px)}.hero-sub:where(.astro-lcdefpme){max-width:46ch;color:var(--beloch-ink);margin:0 auto 8px;font-size:17px}.hero-body:where(.astro-lcdefpme){max-width:52ch;color:var(--beloch-muted);margin:0 auto 28px;font-size:15px;line-height:1.55}.hero:where(.astro-lcdefpme) .beloch-playground{text-align:left;border-left:none;border-right:none;border-radius:0;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.examples:where(.astro-lcdefpme){flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.examples-label:where(.astro-lcdefpme){color:var(--beloch-faint);letter-spacing:.02em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.example-row:where(.astro-lcdefpme){flex-wrap:wrap;gap:10px;display:flex}.example-chip:where(.astro-lcdefpme){border:1px solid var(--beloch-border);color:var(--beloch-muted);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;transition:color .15s,border-color .15s}.example-chip:where(.astro-lcdefpme):hover{color:var(--beloch-ink);border-color:var(--beloch-valley)}.site-footer:where(.astro-lcdefpme){border-top:1px solid var(--beloch-border);justify-content:center;gap:20px;padding:24px clamp(20px,5vw,56px) 40px;font-size:13px;display:flex}.site-footer:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--beloch-muted)}.site-footer:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--beloch-ink)}