.demo-frame[data-astro-cid-3dv25ck2]{gap:12px;display:grid}.demo-frame__canvas[data-astro-cid-3dv25ck2]{height:var(--demo-h);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.demo-frame--dark[data-astro-cid-3dv25ck2] .demo-frame__canvas[data-astro-cid-3dv25ck2]{background:var(--demo-dark-bg);color:var(--demo-dark-text)}.demo-frame--compact[data-astro-cid-3dv25ck2] .demo-frame__canvas[data-astro-cid-3dv25ck2]{border-radius:inherit;height:100%;box-shadow:none}.demo-frame--compact[data-astro-cid-3dv25ck2]{height:100%}.demo-frame__bar[data-astro-cid-3dv25ck2]{justify-content:space-between;align-items:center;padding-inline:8px;display:flex}.demo-frame__label[data-astro-cid-3dv25ck2]{color:var(--text-3);font-size:13px;font-family:var(--font-mono)}.demo-frame__replay[data-astro-cid-3dv25ck2]{background:var(--surface-2);color:var(--text);cursor:pointer;transition:transform .3s var(--ease-out);border:0;border-radius:980px;padding:6px 14px;font-size:13px;font-weight:500}.demo-frame__replay[data-astro-cid-3dv25ck2]:active{transform:scale(.95)}@media (width<=734px){.demo-frame__canvas[data-astro-cid-3dv25ck2]{height:min(var(--demo-h), 300px)}}.cam[data-astro-cid-nogheosr]{background:#1a1838;position:absolute;inset:0;overflow:hidden}.cam__canvas[data-astro-cid-nogheosr]{width:100%;height:100%;display:block;position:absolute;inset:0}.cam__hud[data-astro-cid-nogheosr]{pointer-events:none;color:#fffc;font-family:var(--font-mono);letter-spacing:.04em;font-size:12px;position:absolute;inset:16px}.cam__rec[data-astro-cid-nogheosr]{align-items:center;gap:6px;display:flex;position:absolute;top:6px;left:34px}.cam__rec[data-astro-cid-nogheosr]:before{content:"";background:#ff453a;border-radius:50%;width:8px;height:8px;animation:1.2s steps(2,start) infinite cam-blink}.cam__tag[data-astro-cid-nogheosr]{position:absolute;top:6px;right:34px}.cam__corner[data-astro-cid-nogheosr]{border:0 solid #ffffffb3;width:22px;height:22px;position:absolute}.cam__corner--tl[data-astro-cid-nogheosr]{border-top-width:2px;border-left-width:2px;top:0;left:0}.cam__corner--tr[data-astro-cid-nogheosr]{border-top-width:2px;border-right-width:2px;top:0;right:0}.cam__corner--bl[data-astro-cid-nogheosr]{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.cam__corner--br[data-astro-cid-nogheosr]{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.cam__cross[data-astro-cid-nogheosr]{opacity:.6;background:linear-gradient(currentColor,currentColor) 50%/1px 100% no-repeat,linear-gradient(currentColor,currentColor) 50%/100% 1px no-repeat;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}@keyframes cam-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.cam__rec[data-astro-cid-nogheosr]:before{animation:none}}@media (width<=734px){.cam__tag[data-astro-cid-nogheosr]{display:none}}.sg[data-astro-cid-ta3ymewk]{grid-template-columns:repeat(var(--cols), 1fr);gap:10px;width:min(86%,460px);height:fit-content;margin:auto;display:grid;position:absolute;inset:0}.sg__cell[data-astro-cid-ta3ymewk]{aspect-ratio:1;background:hsl(calc(135 + var(--i) * 2.2) 68% 52%);border-radius:22%}.sw[data-astro-cid-klzuceny]{background:var(--surface-2);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.sw[data-astro-cid-klzuceny] svg[data-astro-cid-klzuceny]{aspect-ratio:4/3;width:auto;max-width:100%;height:100%;box-shadow:var(--shadow-lg);border-radius:14px}.sw--compact[data-astro-cid-klzuceny]{background:0 0;padding:0}.sw--compact[data-astro-cid-klzuceny] svg[data-astro-cid-klzuceny]{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border-radius:0}@media (width<=734px){.sw[data-astro-cid-klzuceny]:not(.sw--compact){padding:16px}}.sw__note[data-astro-cid-klzuceny]{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border-radius:980px;margin:0;padding:4px 10px;font-size:12px;position:absolute;bottom:12px;right:12px}.sw--glitch-art[data-astro-cid-klzuceny] .sw__shift--a[data-astro-cid-klzuceny]{animation:2.4s step-end infinite sw-glitch-a}.sw--glitch-art[data-astro-cid-klzuceny] .sw__shift--b[data-astro-cid-klzuceny]{animation:2.4s step-end infinite sw-glitch-b}@keyframes sw-glitch-a{0%,to{transform:none}12%{transform:translate(-10px)}14%{transform:translate(6px)}60%{transform:translate(-4px)}62%{transform:none}}@keyframes sw-glitch-b{0%,to{transform:none}13%{transform:translate(12px)}15%{transform:translate(-5px)}61%{transform:translate(5px)}63%{transform:none}}@media (prefers-reduced-motion:reduce){.sw__shift--a[data-astro-cid-klzuceny],.sw__shift--b[data-astro-cid-klzuceny]{animation:none!important}}