.cyber-preview[data-astro-cid-atshksxj]{margin:24px 0 32px;min-width:0;padding:18px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-card)}.cyber-preview__heading[data-astro-cid-atshksxj]{display:flex;align-items:center;justify-content:space-between;gap:12px}.cyber-preview__heading[data-astro-cid-atshksxj] h2[data-astro-cid-atshksxj]{margin:0;font-size:16px;line-height:1.5}.cyber-preview__viewport[data-astro-cid-atshksxj]{margin-top:14px;aspect-ratio:480 / 320;display:grid;place-items:center;overflow:hidden;background:#07111d;border:1px solid #26384e;border-radius:8px;color:#a0b2c8;font-size:13px}.cyber-preview__viewport[data-astro-cid-atshksxj] canvas{display:block;width:100%!important;height:auto!important}.cyber-preview__controls[data-astro-cid-atshksxj]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 0;padding:0;border:0;min-width:0}.cyber-preview__controls[data-astro-cid-atshksxj]:has(>legend:only-child){display:none}.cyber-preview__controls[data-astro-cid-atshksxj] label[data-astro-cid-atshksxj]{font-size:12px;color:var(--color-foreground)}.cyber-preview__controls[data-astro-cid-atshksxj] select[data-astro-cid-atshksxj],.cyber-preview__controls[data-astro-cid-atshksxj] input[data-astro-cid-atshksxj][type=text]{max-width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;color:var(--color-foreground);background:var(--color-secondary);font-size:12px;cursor:pointer}.cyber-preview__field[data-astro-cid-atshksxj]{display:flex;align-items:center;gap:8px;min-width:0}.cyber-preview__field[data-astro-cid-atshksxj][hidden]{display:none}.cyber-preview__controls[data-astro-cid-atshksxj] input[data-astro-cid-atshksxj][type=color]{width:36px;height:30px;padding:2px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-secondary);cursor:pointer}.cyber-preview__controls[data-astro-cid-atshksxj] input[data-astro-cid-atshksxj][type=text]{width:180px;min-width:0}.cyber-preview__controls[data-astro-cid-atshksxj] [data-astro-cid-atshksxj]:is(button,select,input):focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}.cyber-preview__controls[data-astro-cid-atshksxj] input[data-astro-cid-atshksxj]{accent-color:var(--color-cyan)}.cyber-preview__controls[data-astro-cid-atshksxj] input[data-astro-cid-atshksxj][type=range]{width:100px;max-width:100%}.cyber-preview__controls[data-astro-cid-atshksxj] output[data-astro-cid-atshksxj]{min-width:22px;font:12px ui-monospace,monospace}.cyber-preview__status[data-astro-cid-atshksxj]{margin:12px 0 0;min-height:2.8em;color:var(--color-muted-foreground);font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}@media(max-width:600px){.cyber-preview[data-astro-cid-atshksxj]{padding:12px}}.cyber-preview__code[data-astro-cid-atshksxj]{margin-top:20px;border-top:1px solid var(--color-border);padding-top:16px}.cyber-preview__code-heading[data-astro-cid-atshksxj]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.cyber-preview__code-heading[data-astro-cid-atshksxj] h3[data-astro-cid-atshksxj]{margin:0;font-size:14px;font-weight:600}.cyber-preview__code-heading[data-astro-cid-atshksxj] button[data-astro-cid-atshksxj]{border:1px solid var(--color-border);border-radius:6px;padding:7px 12px;background:var(--color-secondary);color:var(--color-foreground);font:inherit;font-size:12px;cursor:pointer}.cyber-preview__code[data-astro-cid-atshksxj] pre[data-astro-cid-atshksxj]{margin:0;max-height:380px;overflow:auto;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-foreground);font:12px/1.75 ui-monospace,monospace;tab-size:2}.cyber-preview__code[data-astro-cid-atshksxj] .cyber-code-token{color:var(--shiki-light);font-style:var(--shiki-light-font-style, normal);font-weight:var(--shiki-light-font-weight, normal)}html[data-theme=dark] .cyber-preview__code[data-astro-cid-atshksxj] .cyber-code-token{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style, normal);font-weight:var(--shiki-dark-font-weight, normal)}.cyber-preview__code[data-astro-cid-atshksxj] pre[data-astro-cid-atshksxj]:focus-visible,.cyber-preview__code[data-astro-cid-atshksxj] button[data-astro-cid-atshksxj]:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}.cyber-preview[data-astro-cid-atshksxj]:has([data-cyber-code]) .cyber-preview__status[data-astro-cid-atshksxj]{margin:0;min-height:0;font-size:0}.cyber-preview__workspace[data-astro-cid-atshksxj]{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__workspace[data-astro-cid-atshksxj]{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:18px;align-items:start}.cyber-preview__demo[data-astro-cid-atshksxj]{min-width:0}.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__code[data-astro-cid-atshksxj]{display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;border-top:0;border-left:1px solid var(--color-border);padding:0 0 0 18px}.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__heading[data-astro-cid-atshksxj],.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__code-heading[data-astro-cid-atshksxj]{min-height:32px;margin:0}.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__heading[data-astro-cid-atshksxj] h2[data-astro-cid-atshksxj],.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__code-heading[data-astro-cid-atshksxj] h3[data-astro-cid-atshksxj]{font-size:14px}.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__code[data-astro-cid-atshksxj] pre[data-astro-cid-atshksxj]{height:auto;min-height:240px;max-height:560px;margin-top:14px}@media(max-width:1100px){.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__workspace[data-astro-cid-atshksxj]{grid-template-columns:minmax(0,1fr)}.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__code[data-astro-cid-atshksxj]{border-left:0;border-top:1px solid var(--color-border);padding:16px 0 0}.cyber-preview[data-astro-cid-atshksxj].has-code .cyber-preview__code[data-astro-cid-atshksxj] pre[data-astro-cid-atshksxj]{height:auto;min-height:0;max-height:380px}}