.playground-luminous{background:var(--lab-page);min-height:100vh;color:var(--lab-text);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:HP Inter,ui-sans-serif,system-ui,sans-serif}.playground-luminous main{overflow:clip}.playground-luminous :is(h1,h2,h3,p){margin:0}.playground-luminous :is(h1,h2,h3){font-family:HP Inter,ui-sans-serif,system-ui,sans-serif}.playground-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.playground-hero{isolation:isolate;place-items:center;width:min(1240px,100% - 40px);min-height:0;margin-inline:auto;padding:62px 24px 52px;display:grid;position:relative}.playground-hero-glow{z-index:-1;filter:blur(30px);opacity:.62;pointer-events:none;background:radial-gradient(circle at 32% 45%,#dfe6ffad,#0000 31%),radial-gradient(circle at 68% 39%,#9a9ac029,#0000 28%);position:absolute;inset:-8% 12% 0}.playground-hero-copy{text-align:center;flex-direction:column;align-items:center;gap:20px;width:min(900px,100%);display:flex}.playground-hero h1{width:min(860px,100%);color:var(--lab-text);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(44px,5vw,68px);font-weight:560;line-height:.98}.playground-hero-copy>p{max-width:52ch;color:var(--lab-copy);text-wrap:pretty;font-size:17px;line-height:1.55}.playground-signals{border:1px solid var(--surface-ring);min-height:34px;color:var(--lab-muted);letter-spacing:.055em;text-transform:uppercase;box-shadow:var(--frosted-light-shadow);backdrop-filter:blur(10px);background:#fdfdffb3;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 13px;padding:8px 14px;font-family:HP Geist Mono,ui-monospace,monospace;font-size:10px;line-height:1.35;display:inline-flex}.playground-signals span{align-items:center;gap:7px;display:inline-flex}.playground-signals i{background:#6363a7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #6363a71f}.playground-mobile-break{display:none}.playground-library{padding:12px 0 112px}.playground-container{width:min(1240px,100% - 40px);margin-inline:auto}.playground-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.playground-card{border-radius:var(--surface-card-radius);background-color:var(--lab-surface);background-image:linear-gradient(165deg, #ffffff7a, transparent 38%, color-mix(in srgb, var(--lab-page) 34%, transparent));min-width:0;color:var(--lab-text);box-shadow:var(--surface-raised-card);border:0;flex-direction:column;text-decoration:none;transition:transform .18s ease-out,box-shadow .18s ease-out;display:flex;position:relative;overflow:hidden}.playground-card[data-tone=iris]{--playground-card-tone:var(--lab-video-iris)}.playground-card[data-tone=lilac]{--playground-card-tone:var(--lab-video-lilac)}.playground-card[data-tone=peach]{--playground-card-tone:var(--lab-video-peach)}.playground-card[data-tone=mint]{--playground-card-tone:var(--lab-video-mint)}.playground-card[data-tone=blue]{--playground-card-tone:var(--lab-video-blue)}.playground-card[data-tone=rose]{--playground-card-tone:var(--lab-video-rose)}.playground-card-media{aspect-ratio:960/554;background:var(--playground-card-tone,var(--lab-soft));isolation:isolate;position:relative;overflow:hidden}.playground-card--skeleton{pointer-events:none;animation:1.1s ease-in-out infinite alternate playground-skeleton-pulse}.playground-empty{text-align:center;color:var(--lab-muted);grid-column:1/-1;margin:0;padding:48px 16px;font-size:15px}@keyframes playground-skeleton-pulse{0%{opacity:.55}to{opacity:.9}}.playground-card img{outline:0}.playground-avatar-portrait{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s ease-out;position:absolute;inset:0}.playground-avatar-fallback{background:radial-gradient(circle at 50% 36%, #ffffff85, transparent 31%), var(--playground-card-tone,var(--lab-soft));place-items:center;display:grid}.playground-avatar-fallback span{color:#15113124;letter-spacing:-.055em;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:HP Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(72px,8vw,112px);font-weight:560}.playground-card-scrim{z-index:1;pointer-events:none;background:linear-gradient(#15113133,#0000);height:36%;position:absolute;inset:0 0 auto}.playground-status{z-index:2;color:#343548;letter-spacing:.055em;text-transform:uppercase;backdrop-filter:blur(10px)saturate(1.08);background:#fdfdffcc;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:7px 10px;font-family:HP Geist Mono,ui-monospace,monospace;font-size:9px;line-height:12px;display:inline-flex;position:absolute;inset:14px auto auto 14px;box-shadow:0 2px 8px #231b4112}.playground-status-dot{background:#4c9f68;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #4c9f6824}.playground-status-label-compact{display:none}.playground-card-copy{flex-direction:column;align-items:flex-start;gap:7px;min-height:98px;padding:18px 20px 20px;display:flex}.playground-card-copy h3{color:var(--lab-text);letter-spacing:-.035em;font-size:22px;font-weight:560;line-height:1.08}.playground-card-copy p{color:var(--lab-copy);font-size:13px;font-weight:450;line-height:19px}@media (hover:hover) and (pointer:fine){.playground-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #23242f11,inset 0 1px #ffffffe6,0 2px 4px #23242f0b,0 16px 30px -22px #231b414d}.playground-card:hover .playground-avatar-portrait{transform:scale(1.018)}}@media (width<=900px){.playground-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.playground-hero{width:calc(100% - 24px);padding:42px 16px 38px}.playground-hero-glow{filter:blur(24px);inset:-8% -12% 0}.playground-hero-copy{gap:18px}.playground-hero h1{max-width:350px;font-size:43px;line-height:1}.playground-mobile-break{display:inline}.playground-hero-copy>p{max-width:34ch;font-size:16px;line-height:25px}.playground-signals{max-width:100%;padding-inline:12px}.playground-library{padding:8px 0 88px}.playground-container{width:calc(100% - 24px)}.playground-grid{gap:12px}.playground-card{border-radius:var(--surface-mobile-radius)}.playground-card-copy{gap:5px;min-height:88px;padding:14px 14px 16px}.playground-card-copy h3{font-size:18px}.playground-card-copy p{font-size:12px;line-height:17px}.playground-status{min-height:26px;padding:6px 8px;font-size:8px;inset:10px auto auto 10px}.playground-status-label-full{display:none}.playground-status-label-compact{display:inline}}@media (width<=390px){.playground-grid{gap:9px}.playground-card-copy{min-height:84px;padding-inline:12px}.playground-card-copy h3{font-size:17px}}@supports not (backdrop-filter:blur(1px)){.playground-signals,.playground-status{background:#fdfdff}}@media (prefers-reduced-transparency:reduce){.playground-signals,.playground-status{backdrop-filter:none;background:#fdfdff}}@media (prefers-reduced-motion:reduce){.playground-card--skeleton{opacity:.7;animation:none}.playground-card,.playground-avatar-portrait{transition:none}.playground-card:hover,.playground-card:hover .playground-avatar-portrait{transform:none}}