.home-gallery{--home-stage:color-mix(in oklab, var(--foreground) 4%, var(--background));max-width:1600px;color:var(--foreground);margin:0 auto;padding:0 clamp(20px,3.4vw,56px)}.home-gallery :is(a,button):not(.home-preview-content *,.home-search-miniature *):focus-visible{outline-offset:4px;outline:2px solid #6b97ff}.home-gallery button,.home-gallery select{cursor:pointer}.home-skip-link{z-index:100;background:var(--foreground);color:var(--background);border-radius:12px;padding:10px 16px;position:fixed;top:12px;left:20px;transform:translateY(-200%)}.home-skip-link:focus{transform:translateY(0)}.home-header{align-items:center;gap:36px;min-height:88px;display:flex}.home-brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex}.home-brand-mark{flex-shrink:0;width:30px;height:30px;display:block}.home-nav{color:var(--muted-foreground);align-items:center;gap:24px;font-size:13px;display:flex}.home-nav a{padding:9px 0}.home-nav a[aria-current],.home-nav a:hover{color:var(--foreground)}.home-header-actions{align-items:center;gap:14px;display:flex}.home-icon-button{width:36px;height:36px;color:var(--muted-foreground);border-radius:50%;place-items:center;display:grid}.home-icon-button:hover{background:var(--hover);color:var(--foreground)}.home-docs-link{border-radius:var(--home-control-radius,8px);background:var(--foreground);color:var(--background);white-space:nowrap;align-items:center;gap:16px;padding:10px 16px;font-size:12px;font-weight:550;display:flex}.home-hero{text-align:center;flex-direction:column;align-items:center;padding:clamp(68px,7vw,108px) 0 clamp(72px,7vw,110px);display:flex}.home-eyebrow{color:var(--muted-foreground);align-items:center;gap:8px;margin-bottom:24px;font-size:12px;display:flex}.home-eyebrow>span{background:var(--foreground);border-radius:50%;width:5px;height:5px}.home-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.4vw,62px);font-weight:520;line-height:1.06}.home-hero p{max-width:480px;color:var(--muted-foreground);margin:21px 0 27px;font-size:15px;line-height:1.65}.home-primary-link{border-radius:var(--home-control-radius,8px);background:var(--foreground);min-height:42px;color:var(--background);justify-content:center;align-items:center;gap:16px;padding:0 20px;font-size:13px;font-weight:550;transition:opacity .12s;display:inline-flex}.home-primary-link:hover,.home-docs-link:hover{opacity:.8}.home-hero-note{color:var(--muted-foreground);margin-top:14px;font-size:11px}.home-collection{scroll-margin-top:24px}.home-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.home-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.home-filters button{border-radius:var(--home-control-radius,8px);background:var(--home-stage);color:var(--muted-foreground);padding:8px 16px;font-size:12px;transition:background .12s,color .12s}.home-filters button:hover{background:var(--hover);color:var(--foreground)}.home-filters button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.home-toolbar-actions{align-items:center;gap:20px;display:flex}.home-saved-filter{min-height:32px;color:var(--muted-foreground);align-items:center;gap:7px;font-size:12px;display:flex}.home-saved-filter[aria-pressed=true]{color:var(--foreground)}.home-saved-filter span{font-variant-numeric:tabular-nums;font-size:10px}.home-sort{color:var(--muted-foreground);align-items:center;display:flex;position:relative}.home-sort select{appearance:none;border:1px solid var(--border);border-radius:var(--home-control-radius,8px);background:var(--background);min-height:32px;font:inherit;box-shadow:none;outline:none;padding:6px 30px 6px 13px;font-size:12px}.home-sort select:focus-visible{border-color:color-mix(in oklab, var(--foreground) 45%, transparent)}.home-sort>svg{pointer-events:none;position:absolute;right:11px}.home-collection-meta{color:var(--muted-foreground);justify-content:space-between;align-items:center;margin:16px 2px 20px;font-size:11px;display:flex}.home-collection-meta p{margin:0}.home-collection-meta button{align-items:center;gap:5px;display:flex}.home-preview-grid{columns:3;column-gap:18px}.home-preview-card{break-inside:avoid;margin-bottom:26px}.home-preview-stage{border-radius:var(--home-panel-radius,12px);background:var(--home-stage);justify-content:center;align-items:center;min-height:300px;padding:56px 28px;display:flex;position:relative}.home-preview-stage-tall{min-height:380px}.home-preview-content{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.home-preview-content>*{max-width:100%}.home-preview-topline{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:16px 16px auto}.home-new-label{border-radius:var(--home-control-radius,8px);background:color-mix(in oklab, var(--foreground) 7%, transparent);padding:4px 9px;font-size:10px;line-height:1.4}.home-save-button{pointer-events:auto;width:30px;height:30px;color:var(--muted-foreground);border-radius:50%;place-items:center;margin-left:auto;display:grid}.home-save-button:hover{background:var(--hover);color:var(--foreground)}.home-save-button[aria-pressed=true]{color:var(--foreground)}.home-save-button:disabled{cursor:default}.home-code-link{border-radius:var(--home-control-radius,8px);color:var(--muted-foreground);opacity:0;align-items:center;gap:5px;padding:6px 9px;font-size:10px;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:15px;right:18px;transform:translateY(3px)}.home-code-link:hover{background:var(--hover);color:var(--foreground)}.home-preview-card:hover .home-code-link,.home-preview-card:focus-within .home-code-link{opacity:1;transform:none}.home-preview-caption{justify-content:space-between;align-items:baseline;gap:12px;padding:12px 3px 0;display:flex}.home-preview-caption h2{margin:0;font-size:12px;font-weight:550}.home-preview-caption a:hover{text-underline-offset:4px;text-decoration:underline}.home-preview-caption>span{color:var(--muted-foreground);white-space:nowrap;font-size:10px}.home-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.home-empty>svg{color:var(--muted-foreground);margin-bottom:20px}.home-empty h2{letter-spacing:-.5px;font-size:21px;font-weight:550}.home-empty p{max-width:360px;color:var(--muted-foreground);margin:10px 0 22px;font-size:13px;line-height:1.6}.home-collection-end{flex-direction:column;align-items:center;gap:10px;padding:48px 0 72px;font-size:12px;display:flex}.home-collection-end>span{color:var(--muted-foreground)}.home-collection-end>a{align-items:center;gap:9px;display:flex}.home-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:26px 0 32px;font-size:11px;display:flex}.home-footer-brand{align-items:center;gap:8px;font-weight:600;display:inline-flex}.home-footer-brand span{color:var(--muted-foreground);margin-left:8px;font-weight:400}.home-footer nav{color:var(--muted-foreground);flex-wrap:wrap;gap:24px;display:flex}.home-footer nav a{align-items:center;gap:4px;display:inline-flex}.home-footer nav a:hover{color:var(--foreground)}@media (width<=1200px){.home-header{gap:24px}.home-nav{gap:18px}.home-preview-grid{columns:2}}@media (width<=900px){.home-header{flex-wrap:wrap;gap:16px;padding:20px 0 0}.home-brand{margin-right:auto}.home-nav{flex:1;order:3}.home-search-slot{flex-basis:210px;order:4;width:210px;margin-left:0}.home-header-actions{margin-left:auto}.home-hero{padding-top:68px}.home-footer{align-items:flex-start}.home-footer nav{justify-content:flex-end;gap:12px 18px}}@media (width<=620px){.home-nav{flex-basis:100%;justify-content:center;gap:30px;width:100%}.home-search-slot{flex-basis:100%;width:100%;margin-top:4px}.home-hero{padding:64px 0}.home-hero h1{max-width:340px}.home-hero p{max-width:320px;font-size:14px}.home-hero-break{display:none}.home-eyebrow{font-size:11px}.home-toolbar{flex-wrap:wrap;gap:14px}.home-toolbar-actions{justify-content:space-between;width:100%}.home-filters{gap:5px}.home-filters button{padding:8px 12px;font-size:11px}.home-preview-grid{columns:1}.home-preview-stage{min-height:290px;padding:56px 24px}.home-preview-stage-tall{min-height:360px}.home-code-link{opacity:1;transform:none}.home-footer{flex-direction:column;gap:20px}.home-footer nav{justify-content:flex-start}}@media (hover:none){.home-code-link{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.home-gallery :is(a,button){transition:none}}