.demo-main.svelte-1du1zi4{max-width:88rem;margin:0 auto;padding:6.5rem 1.25rem 4rem}.demo-header.svelte-1du1zi4{max-width:40rem;margin-bottom:2.5rem}.demo-title.svelte-1du1zi4{letter-spacing:-.04em;margin-top:.75rem;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.06}.demo-desc.svelte-1du1zi4{color:var(--muted-foreground);max-width:36rem;margin-top:1rem;font-size:1.05rem;line-height:1.7}.demo-gallery.svelte-1du1zi4{flex-direction:column;gap:1.25rem;display:flex}.demo-frame.svelte-1du1zi4{max-width:none;margin:0;transform:none}.demo-frame.svelte-1du1zi4:hover{transform:none}.snapshot-chrome.svelte-1du1zi4{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.snapshot-frame.svelte-1du1zi4{border:1px solid var(--border);background:var(--panel-strong);box-shadow:var(--shadow)}.snapshot-dots.svelte-1du1zi4{gap:.4rem;display:flex}.snapshot-dots.svelte-1du1zi4 span:where(.svelte-1du1zi4){background:var(--muted-foreground);opacity:.4;border-radius:50%;width:.65rem;height:.65rem}.snapshot-dots.svelte-1du1zi4 span:where(.svelte-1du1zi4):first-child{background:var(--rose);opacity:.7}.snapshot-dots.svelte-1du1zi4 span:where(.svelte-1du1zi4):nth-child(2){background:var(--accent);opacity:.5}.snapshot-dots.svelte-1du1zi4 span:where(.svelte-1du1zi4):last-child{background:var(--emerald);opacity:.7}.snapshot-titlebar.svelte-1du1zi4{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);font-family:JetBrains Mono,monospace;font-size:.62rem}.snapshot-nav.svelte-1du1zi4{align-items:center;gap:.5rem;display:flex}.snapshot-counter.svelte-1du1zi4{color:var(--muted-foreground);font-family:JetBrains Mono,monospace;font-size:.65rem}.snapshot-btn.svelte-1du1zi4{border:1px solid var(--border);width:1.75rem;height:1.75rem;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .2s;display:inline-flex}.snapshot-btn.svelte-1du1zi4:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.demo-viewport.svelte-1du1zi4{background:color-mix(in srgb, var(--ink) 3%, transparent);cursor:zoom-in;text-align:left;border:none;width:100%;padding:.65rem;display:block;position:relative}.demo-img.svelte-1du1zi4{object-fit:contain;width:100%;height:auto;min-height:min(52vh,420px);max-height:min(78vh,760px);display:block}.demo-expand-hint.svelte-1du1zi4{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);background:color-mix(in srgb, var(--panel-strong) 92%, transparent);border:1px solid var(--border);opacity:0;padding:.35rem .6rem;font-family:JetBrains Mono,monospace;font-size:.55rem;transition:opacity .2s;position:absolute;bottom:1rem;right:1rem}.demo-viewport.svelte-1du1zi4:hover .demo-expand-hint:where(.svelte-1du1zi4),.demo-viewport.svelte-1du1zi4:focus-visible .demo-expand-hint:where(.svelte-1du1zi4){opacity:1}.demo-thumbs.svelte-1du1zi4{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.65rem;display:grid}@media (width>=900px){.demo-thumbs.svelte-1du1zi4{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}}.demo-thumb.svelte-1du1zi4{border:1px solid var(--border);background:var(--panel-strong);cursor:pointer;padding:0;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.demo-thumb.svelte-1du1zi4:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.demo-thumb--active.svelte-1du1zi4{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 25%, transparent)}.demo-thumb-img.svelte-1du1zi4{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;display:block}.demo-thumb-num.svelte-1du1zi4{letter-spacing:.08em;color:var(--paper);background:color-mix(in srgb, var(--ink) 72%, transparent);padding:.15rem .35rem;font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:600;position:absolute;top:.3rem;left:.35rem}.demo-links.svelte-1du1zi4{border-top:1px solid var(--border);flex-wrap:wrap;gap:.65rem;margin-top:3rem;padding-top:2rem;display:flex}.demo-link.svelte-1du1zi4{font-size:.85rem}.demo-lightbox.svelte-1du1zi4{z-index:10000;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:fixed;inset:0}.demo-lightbox-backdrop.svelte-1du1zi4{background:color-mix(in srgb, var(--ink) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;border:none;padding:0;position:absolute;inset:0}.demo-lightbox-stage.svelte-1du1zi4{z-index:1;flex-direction:column;flex:1;align-items:center;gap:.75rem;max-width:min(96vw,120rem);max-height:92vh;margin:0;display:flex;position:relative}.demo-lightbox-img.svelte-1du1zi4{object-fit:contain;border:1px solid color-mix(in srgb, var(--paper) 12%, transparent);width:auto;max-width:100%;height:auto;max-height:calc(92vh - 2.5rem);box-shadow:var(--shadow)}.demo-lightbox-caption.svelte-1du1zi4{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 70%, transparent);margin:0;font-family:JetBrains Mono,monospace;font-size:.65rem}.demo-lightbox-close.svelte-1du1zi4,.demo-lightbox-nav.svelte-1du1zi4{z-index:1;position:relative}.demo-lightbox-close.svelte-1du1zi4{border:1px solid color-mix(in srgb, var(--paper) 20%, transparent);width:2.25rem;height:2.25rem;color:var(--paper);cursor:pointer;background:0 0;font-size:1.35rem;line-height:1;position:absolute;top:1rem;right:1rem}.demo-lightbox-nav.svelte-1du1zi4{border:1px solid color-mix(in srgb, var(--paper) 20%, transparent);width:2.5rem;height:2.5rem;color:var(--paper);cursor:pointer;background:0 0;flex-shrink:0;font-size:1.5rem;line-height:1}.demo-lightbox-nav.svelte-1du1zi4:hover,.demo-lightbox-close.svelte-1du1zi4:hover{background:color-mix(in srgb, var(--paper) 8%, transparent)}@media (width<=640px){.demo-lightbox-nav.svelte-1du1zi4{display:none}}