.su-demo-section[data-astro-cid-wcx5dlpz]{overflow-x:clip}.su-demo-shell[data-astro-cid-wcx5dlpz]{position:relative}.su-demo-shell[data-astro-cid-wcx5dlpz].has-mobile{max-width:86%;margin:0}.su-demo-frame[data-astro-cid-wcx5dlpz]{border:1px solid var(--iq-border-2);background:var(--iq-bg-surface);box-shadow:var(--iq-shadow-card);opacity:0;border-radius:12px;margin:0;overflow:hidden}.su-demo-frame[data-astro-cid-wcx5dlpz].is-visible{animation:demoFrameIn .6s var(--iq-ease-out) both}.su-demo-frame[data-astro-cid-wcx5dlpz].is-bare{border-radius:8px;margin:1.75rem 0}@keyframes demoFrameIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.su-demo-chrome[data-astro-cid-wcx5dlpz]{background:var(--iq-bg-raised);border-bottom:1px solid var(--iq-border-1);align-items:center;gap:.85rem;padding:.6rem .9rem;display:flex}.su-demo-chrome-dots[data-astro-cid-wcx5dlpz]{gap:.4rem;display:inline-flex}.su-demo-chrome-dots[data-astro-cid-wcx5dlpz] i[data-astro-cid-wcx5dlpz]{background:var(--iq-border-3);border-radius:50%;width:10px;height:10px}.su-demo-chrome-url[data-astro-cid-wcx5dlpz]{color:var(--iq-text-tertiary);background:var(--iq-bg-base);border:1px solid var(--iq-border-1);border-radius:6px;flex:1;padding:.2rem .6rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.su-demo-chrome-live[data-astro-cid-wcx5dlpz]{letter-spacing:.06em;color:var(--iq-success);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.6875rem;animation:2s ease-in-out infinite demoLive}@keyframes demoLive{0%,to{opacity:1}50%{opacity:.5}}.su-demo-stage[data-astro-cid-wcx5dlpz]{aspect-ratio:16/9;background:var(--iq-bg-base);position:relative}.su-demo-poster[data-astro-cid-wcx5dlpz],.su-demo-video[data-astro-cid-wcx5dlpz]{object-fit:cover;width:100%;height:100%;display:block}.su-demo-phone[data-astro-cid-wcx5dlpz]{aspect-ratio:9/19.5;z-index:2;opacity:0;height:64%;position:absolute;bottom:0;right:0;transform:translate(50%,10%)}.su-demo-phone[data-astro-cid-wcx5dlpz].is-visible{animation:demoPhoneIn .6s var(--iq-ease-out) .1s both}@keyframes demoPhoneIn{0%{opacity:0}to{opacity:1}}.su-demo-phone-frame[data-astro-cid-wcx5dlpz]{background:var(--iq-bg-base);border:2px solid var(--iq-border-3);border-radius:20px;width:100%;height:100%;padding:5px;position:relative;box-shadow:0 24px 48px -14px #000000a6,0 0 0 1px #ffffff08}.su-demo-phone-screen[data-astro-cid-wcx5dlpz]{object-fit:cover;object-position:top center;border-radius:14px;width:100%;height:100%;display:block}.su-demo-zoom[data-astro-cid-wcx5dlpz]{cursor:zoom-in;width:100%;height:100%;display:block;position:relative}.su-demo-zoom-hint[data-astro-cid-wcx5dlpz],.su-demo-lightbox-close[data-astro-cid-wcx5dlpz]{text-transform:uppercase;letter-spacing:.08em;color:var(--iq-text-secondary);border:1px solid var(--iq-border-2);background:#08080dd1;padding:.3rem .55rem;font-family:JetBrains Mono,monospace;font-size:.625rem;position:absolute}.su-demo-zoom-hint[data-astro-cid-wcx5dlpz]{opacity:.75;transition:opacity .15s,color .15s;bottom:.6rem;right:.6rem}.su-demo-zoom[data-astro-cid-wcx5dlpz]:hover .su-demo-zoom-hint[data-astro-cid-wcx5dlpz],.su-demo-zoom[data-astro-cid-wcx5dlpz]:focus-visible .su-demo-zoom-hint[data-astro-cid-wcx5dlpz]{opacity:1;color:var(--iq-accent-bright)}.su-demo-lightbox[data-astro-cid-wcx5dlpz]{z-index:90;cursor:zoom-out;background:#08080df0;justify-content:center;align-items:center;padding:2vmin;display:none;position:fixed;inset:0}.su-demo-lightbox[data-astro-cid-wcx5dlpz]:target{display:flex}.su-demo-lightbox-inner[data-astro-cid-wcx5dlpz]{flex-direction:column;align-items:center;gap:.6rem;max-width:96vw;display:flex}.su-demo-lightbox[data-astro-cid-wcx5dlpz] img[data-astro-cid-wcx5dlpz]{object-fit:contain;border:1px solid var(--iq-border-2);width:auto;max-width:96vw;height:auto;max-height:86vh}.su-demo-lightbox-cap[data-astro-cid-wcx5dlpz]{text-align:center;max-width:70ch;color:var(--iq-text-secondary);font-family:JetBrains Mono,monospace;font-size:.6875rem;line-height:1.5}.su-demo-lightbox-close[data-astro-cid-wcx5dlpz]{top:1.25rem;right:1.25rem}.su-demo-cap[data-astro-cid-wcx5dlpz]{color:var(--iq-text-muted,var(--iq-text-tertiary));background:var(--iq-bg-raised);border-top:1px solid var(--iq-border-1);padding:.75rem .95rem;font-size:.8125rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.su-demo-frame[data-astro-cid-wcx5dlpz],.su-demo-frame[data-astro-cid-wcx5dlpz].is-visible,.su-demo-phone[data-astro-cid-wcx5dlpz],.su-demo-phone[data-astro-cid-wcx5dlpz].is-visible{opacity:1;animation:none}.su-demo-chrome-live[data-astro-cid-wcx5dlpz]{animation:none}}