.toolbar.svelte-1pfpjiv{position:sticky;top:4rem;z-index:30;background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block:1px solid var(--color-border)}@media(min-width:1024px){.toolbar.svelte-1pfpjiv{top:5rem}}.cats.svelte-1pfpjiv{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;margin-inline:-.25rem;padding-inline:.25rem}.cats.svelte-1pfpjiv::-webkit-scrollbar{display:none}@media(min-width:1024px){.cats.svelte-1pfpjiv{flex-wrap:wrap;overflow:visible}}.cat.svelte-1pfpjiv{flex-shrink:0;padding:.45rem .95rem;border-radius:999px;font-size:.875rem;color:var(--color-text-muted);border:1px solid var(--color-border);transition:color .2s,background .2s,border-color .2s}.cat.svelte-1pfpjiv:hover{color:var(--color-text)}.cat[aria-current=page].svelte-1pfpjiv{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.seg.svelte-1pfpjiv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;border-radius:.9rem;border:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.seg-btn.svelte-1pfpjiv{display:flex;align-items:center;gap:.6rem;padding:.45rem .8rem;border-radius:.65rem;color:var(--color-text-muted);transition:color .2s,background .2s}.seg-btn.svelte-1pfpjiv:hover{color:var(--color-text)}.seg-btn[aria-pressed=true].svelte-1pfpjiv{color:#fff;background:var(--color-primary)}.seg-btn[aria-pressed=true].svelte-1pfpjiv small:where(.svelte-1pfpjiv){opacity:1}.shape.svelte-1pfpjiv{height:1.25rem;border:1.5px solid currentColor;border-radius:3px;flex-shrink:0}.grid-ex.svelte-1pfpjiv{display:grid;gap:1.5rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.grid-ex.svelte-1pfpjiv{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-ex[data-format="9x16"].svelte-1pfpjiv{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.grid-ex.svelte-1pfpjiv{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-ex[data-format="9x16"].svelte-1pfpjiv{grid-template-columns:repeat(5,minmax(0,1fr))}}.grid-ex.svelte-1pfpjiv>li:where(.svelte-1pfpjiv){content-visibility:auto;contain-intrinsic-size:auto 320px}@media(min-width:768px){.grid-ex.svelte-1pfpjiv>li:where(.svelte-1pfpjiv){contain-intrinsic-size:auto 380px}}@media(min-width:1024px){.grid-ex.svelte-1pfpjiv>li:where(.svelte-1pfpjiv){contain-intrinsic-size:auto 440px}}.card.svelte-1pfpjiv{display:block;width:100%}.frame.svelte-1pfpjiv{position:relative;display:block;overflow:hidden;border-radius:.85rem;border:1px solid var(--color-border);background:var(--color-surface);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .25s}.card.svelte-1pfpjiv:hover .frame:where(.svelte-1pfpjiv),.card.svelte-1pfpjiv:focus-visible .frame:where(.svelte-1pfpjiv){transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-primary) 60%,transparent)}.badge.svelte-1pfpjiv{position:absolute;top:.5rem;left:.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .45rem;border-radius:999px;font-size:10px;font-weight:600;color:#fff;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-btn.svelte-1pfpjiv{padding:.5rem;border-radius:.6rem;color:#ffffffb3}.nav-btn.svelte-1pfpjiv:hover{color:#fff;background:#ffffff14}.trio.svelte-1pfpjiv{--h: min(58vh, calc((100vw - 12rem) / 2.45))}.trio-item.svelte-1pfpjiv{opacity:.55;transition:opacity .25s}.trio-item[aria-pressed=true].svelte-1pfpjiv,.trio-item.svelte-1pfpjiv:hover{opacity:1}.trio-frame.svelte-1pfpjiv{display:block;height:var(--h);overflow:hidden;border-radius:.9rem;background:#111;box-shadow:0 20px 60px -20px #000c}.single-frame.svelte-1pfpjiv{display:block;width:min(100%,49.6vh);max-height:62vh;overflow:hidden;border-radius:.9rem;background:#111}.single-frame.phone.svelte-1pfpjiv{width:min(78%,34.875vh)}.phone.svelte-1pfpjiv{border-radius:1.6rem;outline:6px solid #1c1c22;outline-offset:0}.trio-item[aria-pressed=true].svelte-1pfpjiv .trio-frame:where(.svelte-1pfpjiv){outline:2px solid var(--color-primary);outline-offset:4px}.trio-item[aria-pressed=true].svelte-1pfpjiv .trio-frame.phone:where(.svelte-1pfpjiv){outline:6px solid var(--color-primary);outline-offset:0}@media(prefers-reduced-motion:reduce){.frame.svelte-1pfpjiv,.trio-item.svelte-1pfpjiv{transition:none}}