.lab-index-layout[data-astro-cid-xut2rtay],.lab-index-content[data-astro-cid-xut2rtay]{min-width:0}.lab-filterbar[data-astro-cid-xut2rtay]{z-index:8;backdrop-filter:blur(18px);scrollbar-width:none;background:#000000e6;gap:.55rem;margin-bottom:1.15rem;padding:.45rem 0 .55rem;animation:.54s cubic-bezier(.22,1,.36,1) .12s both lab-content-in;display:flex;position:sticky;top:88px;overflow-x:auto}.lab-filterbar[data-astro-cid-xut2rtay]::-webkit-scrollbar{display:none}.lab-filterbar[data-astro-cid-xut2rtay] button[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);min-height:38px;color:var(--lab-muted);background:color-mix(in srgb, var(--lab-panel-soft) 88%, transparent);border-radius:8px;flex:none;padding:.5rem .85rem;font-size:.82rem;font-weight:850;line-height:1;transition:color .2s,border-color .2s,background .2s,transform .2s}.lab-filterbar[data-astro-cid-xut2rtay] button[data-astro-cid-xut2rtay]:hover,.lab-filterbar[data-astro-cid-xut2rtay] button[data-astro-cid-xut2rtay].is-active{border-color:var(--lab-line-strong);color:var(--lab-text);background:color-mix(in srgb, var(--lab-accent) 12%, var(--lab-panel-soft));transform:translateY(-1px)}.lab-grid[data-astro-cid-xut2rtay]{grid-template-columns:repeat(auto-fit,minmax(min(100%,315px),1fr));align-items:start;gap:1rem;display:grid}.lab-grid-item[data-astro-cid-xut2rtay]{min-width:0;animation:.52s cubic-bezier(.22,1,.36,1) both lab-card-in}.lab-grid-item[data-astro-cid-xut2rtay].is-selected{grid-column:1/-1}.lab-card-shell[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);background:#000;border-radius:8px;min-width:0;transition:border-color .22s,transform .22s,box-shadow .22s,background .22s;overflow:hidden}.lab-card-shell[data-astro-cid-xut2rtay]:hover,.lab-grid-item[data-astro-cid-xut2rtay].is-selected .lab-card-shell[data-astro-cid-xut2rtay]{border-color:color-mix(in srgb, var(--lab-accent) 38%, var(--lab-line));box-shadow:0 18px 64px color-mix(in srgb, var(--lab-bg) 72%, transparent);background:#000;transform:translateY(-2px)}.lab-card-shell[data-astro-cid-xut2rtay] .lab-tile{background:0 0;border:0;border-radius:0}.lab-card-shell[data-astro-cid-xut2rtay] .lab-tile:hover{transform:none}.lab-card-shell[data-astro-cid-xut2rtay] .lab-preview-art{min-height:230px}.lab-card-detail[data-astro-cid-xut2rtay][hidden],.lab-grid-item[data-astro-cid-xut2rtay].is-selected .lab-card-compact[data-astro-cid-xut2rtay]{display:none}.lab-card-detail[data-astro-cid-xut2rtay]{gap:clamp(1.2rem,2vw,1.85rem);padding:clamp(1.1rem,2.2vw,2rem);display:grid}.lab-detail-hero[data-astro-cid-xut2rtay],.lab-detail-modebar[data-astro-cid-xut2rtay],.lab-section-title[data-astro-cid-xut2rtay],.lab-detail-actions[data-astro-cid-xut2rtay]{align-items:center;display:flex}.lab-detail-hero[data-astro-cid-xut2rtay]{justify-content:space-between;gap:1.2rem}.lab-detail-copy[data-astro-cid-xut2rtay]{gap:.75rem;min-width:0;display:grid}.lab-detail-kicker[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);width:max-content;color:var(--lab-accent);background:color-mix(in srgb, var(--lab-accent) 10%, transparent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.34rem .62rem;font-size:.72rem;font-weight:900}.lab-detail-copy[data-astro-cid-xut2rtay] h2[data-astro-cid-xut2rtay]{color:var(--lab-text);font:900 clamp(2.2rem, 6vw, 5rem)/.96 var(--font-display);letter-spacing:0;margin:0}.lab-detail-copy[data-astro-cid-xut2rtay] p[data-astro-cid-xut2rtay]{max-width:70ch;color:var(--lab-muted);margin:0;font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.72}.lab-detail-actions[data-astro-cid-xut2rtay]{flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.lab-detail-action[data-astro-cid-xut2rtay],.lab-detail-close[data-astro-cid-xut2rtay],.lab-card-copy[data-astro-cid-xut2rtay],.lab-section-title[data-astro-cid-xut2rtay] button[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);min-height:44px;color:var(--lab-muted);background:#050505;border-radius:8px;justify-content:center;align-items:center;gap:.42rem;padding:0 .9rem;font-size:.84rem;font-weight:900;line-height:1;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.lab-detail-action[data-astro-cid-xut2rtay]:hover,.lab-detail-action[data-astro-cid-xut2rtay].is-favorite,.lab-detail-close[data-astro-cid-xut2rtay]:hover,.lab-card-copy[data-astro-cid-xut2rtay]:hover,.lab-section-title[data-astro-cid-xut2rtay] button[data-astro-cid-xut2rtay]:hover{border-color:var(--lab-line-strong);color:var(--lab-text);background:color-mix(in srgb, var(--lab-accent) 10%, #050505)}.lab-detail-action[data-astro-cid-xut2rtay].is-favorite{color:#fff;background:linear-gradient(135deg, var(--lab-accent), var(--lab-accent-2))}.lab-detail-close[data-astro-cid-xut2rtay]{width:44px;padding:0}.lab-detail-modebar[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);background:#050505;border-radius:8px;justify-content:space-between;gap:.5rem;width:max-content;max-width:100%;padding:.38rem}.lab-detail-modebar[data-astro-cid-xut2rtay] span[data-astro-cid-xut2rtay]{min-height:36px;color:var(--lab-muted);border-radius:7px;align-items:center;gap:.4rem;padding:0 .72rem;font-size:.82rem;font-weight:900;display:inline-flex}.lab-detail-modebar[data-astro-cid-xut2rtay] span[data-astro-cid-xut2rtay].is-active{color:var(--lab-text);background:color-mix(in srgb, var(--lab-accent) 13%, transparent)}.lab-detail-modebar[data-astro-cid-xut2rtay] strong[data-astro-cid-xut2rtay]{border-left:1px solid var(--lab-line);color:var(--lab-faint);font:850 .78rem/1 var(--font-mono);padding:0 .72rem}.lab-detail-preview[data-astro-cid-xut2rtay],.lab-detail-section[data-astro-cid-xut2rtay]{background:#000;border-radius:8px;min-width:0}.lab-detail-preview[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);overflow:hidden}.lab-detail-preview[data-astro-cid-xut2rtay] .lab-tile,.lab-detail-preview[data-astro-cid-xut2rtay] .lab-preview-art{border-radius:0;min-height:clamp(390px,46vw,620px)}.lab-detail-section[data-astro-cid-xut2rtay]{gap:.95rem;display:grid}.lab-section-title[data-astro-cid-xut2rtay]{justify-content:space-between;gap:1rem}.lab-section-title[data-astro-cid-xut2rtay] h3[data-astro-cid-xut2rtay]{color:var(--lab-text);font:900 clamp(1.2rem, 2.1vw, 1.8rem)/1.12 var(--font-display);letter-spacing:0;align-items:center;gap:.5rem;margin:0;display:inline-flex}.lab-customizer-grid[data-astro-cid-xut2rtay]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.lab-customizer-grid[data-astro-cid-xut2rtay] label[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);background:#050505;border-radius:8px;gap:.48rem;min-width:0;padding:.72rem;display:grid}.lab-customizer-grid[data-astro-cid-xut2rtay] label[data-astro-cid-xut2rtay]>span[data-astro-cid-xut2rtay]{color:var(--lab-muted);justify-content:space-between;gap:.65rem;font-size:.76rem;font-weight:900;line-height:1.2;display:flex}.lab-customizer-grid[data-astro-cid-xut2rtay] output[data-astro-cid-xut2rtay]{color:var(--lab-text);font-family:var(--font-mono)}.lab-customizer-grid[data-astro-cid-xut2rtay] input[data-astro-cid-xut2rtay][type=range]{width:100%;accent-color:var(--lab-user-accent,var(--lab-accent))}.lab-color-control[data-astro-cid-xut2rtay]{grid-template-columns:1fr auto;align-items:center}.lab-color-control[data-astro-cid-xut2rtay] input[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);background:0 0;border-radius:7px;width:42px;height:32px;padding:0;overflow:hidden}.lab-props-table[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);background:#000;border-radius:8px;min-width:0;overflow:hidden}.lab-props-table[data-astro-cid-xut2rtay]>div[data-astro-cid-xut2rtay]{border-top:1px solid color-mix(in srgb, var(--lab-line) 74%, transparent);color:var(--lab-muted);grid-template-columns:minmax(110px,.85fr) minmax(110px,.75fr) minmax(96px,.65fr) minmax(240px,2fr);gap:1rem;padding:.85rem 1rem;font-size:.86rem;line-height:1.55;display:grid}.lab-props-table[data-astro-cid-xut2rtay]>div[data-astro-cid-xut2rtay]:first-child{color:var(--lab-faint);text-transform:uppercase;letter-spacing:.04em;background:#050505;border-top:0;font-size:.76rem;font-weight:900}.lab-props-table[data-astro-cid-xut2rtay] code[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);color:var(--lab-text);font:800 .78rem/1.2 var(--font-mono);background:#090909;border-radius:7px;padding:.22rem .42rem}.lab-detail-notes[data-astro-cid-xut2rtay]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.lab-detail-notes[data-astro-cid-xut2rtay] span[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);min-height:72px;color:var(--lab-muted);background:#050505;border-radius:8px;padding:.82rem;font-size:.9rem;line-height:1.58}.lab-detail-code[data-astro-cid-xut2rtay]{border:1px solid var(--lab-line);background:#000;overflow:hidden}.lab-code-section-title[data-astro-cid-xut2rtay]{border-bottom:1px solid var(--lab-line);padding:.95rem 1rem .75rem}.lab-card-tabs[data-astro-cid-xut2rtay]{background:#050505;border-bottom:1px solid #ffffff14;align-items:center;gap:.28rem;min-width:0;min-height:44px;padding:.35rem;display:flex}.lab-card-tabs[data-astro-cid-xut2rtay] button[data-astro-cid-xut2rtay]{color:#f8f8ffb8;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:.35rem;min-height:34px;padding:0 .65rem;font-size:.78rem;font-weight:900;line-height:1;transition:color .18s,background .18s;display:inline-flex}.lab-card-tabs[data-astro-cid-xut2rtay] button[data-astro-cid-xut2rtay]:hover,.lab-card-tabs[data-astro-cid-xut2rtay] button[data-astro-cid-xut2rtay].is-active{color:#fff;background:#ffffff17}.lab-card-copy[data-astro-cid-xut2rtay]{flex:none;margin-left:auto}.lab-card-code-body[data-astro-cid-xut2rtay]{min-height:300px;max-height:460px;overflow:auto}.lab-card-code-body[data-astro-cid-xut2rtay] pre[data-astro-cid-xut2rtay]{color:#f0eaf8;min-width:max-content;font:.84rem/1.72 var(--font-mono);white-space:pre;margin:0;padding:1rem 1.1rem;display:none}.lab-card-code-body[data-astro-cid-xut2rtay] pre[data-astro-cid-xut2rtay].is-active{animation:.18s both lab-code-fade;display:block}.lab-grid-item[data-astro-cid-xut2rtay][hidden],.lab-empty[data-astro-cid-xut2rtay][hidden]{display:none}.lab-empty[data-astro-cid-xut2rtay]{border:1px dashed var(--lab-line);min-height:300px;color:var(--lab-muted);text-align:center;border-radius:8px;place-items:center;margin-top:1.1rem;display:grid}.lab-empty[data-astro-cid-xut2rtay] strong[data-astro-cid-xut2rtay]{color:var(--lab-text);font-family:var(--font-display);font-size:1.35rem}.lab-empty[data-astro-cid-xut2rtay] p[data-astro-cid-xut2rtay]{margin:.45rem 0 0}.lab-grid-item[data-astro-cid-xut2rtay]:nth-child(2){animation-delay:45ms}.lab-grid-item[data-astro-cid-xut2rtay]:nth-child(3){animation-delay:90ms}.lab-grid-item[data-astro-cid-xut2rtay]:nth-child(4){animation-delay:.135s}.lab-grid-item[data-astro-cid-xut2rtay]:nth-child(5){animation-delay:.18s}.lab-grid-item[data-astro-cid-xut2rtay]:nth-child(6){animation-delay:.225s}.lab-grid-item[data-astro-cid-xut2rtay]:nth-child(n+7){animation-delay:.26s}@keyframes lab-card-in{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lab-code-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.lab-customizer-grid[data-astro-cid-xut2rtay],.lab-detail-notes[data-astro-cid-xut2rtay]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.lab-filterbar[data-astro-cid-xut2rtay]{margin-inline:-.8rem;padding-inline:.8rem;top:74px}.lab-grid[data-astro-cid-xut2rtay]{grid-template-columns:1fr}.lab-card-detail[data-astro-cid-xut2rtay]{padding:.8rem}.lab-detail-hero[data-astro-cid-xut2rtay],.lab-section-title[data-astro-cid-xut2rtay]{align-items:start;display:grid}.lab-detail-actions[data-astro-cid-xut2rtay]{justify-content:start}.lab-detail-modebar[data-astro-cid-xut2rtay]{width:100%}.lab-detail-modebar[data-astro-cid-xut2rtay] span[data-astro-cid-xut2rtay]{flex:auto}.lab-detail-preview[data-astro-cid-xut2rtay] .lab-tile,.lab-detail-preview[data-astro-cid-xut2rtay] .lab-preview-art{min-height:330px}.lab-customizer-grid[data-astro-cid-xut2rtay],.lab-detail-notes[data-astro-cid-xut2rtay]{grid-template-columns:1fr}.lab-props-table[data-astro-cid-xut2rtay]{overflow-x:auto}.lab-props-table[data-astro-cid-xut2rtay]>div[data-astro-cid-xut2rtay]{min-width:720px}}