.pp .s-live{--c:#5ee6d0;--cg:#5ee6d08c}.pp .s-beta{--c:#8aa6ff;--cg:#8aa6ff8c}.pp .s-dev{--c:#b7c0e8;--cg:#b7c0e873}.p-hero{padding:88px 0 40px}.p-h1{font-size:clamp(42px,5.4vw,76px)}.p-filter{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.pf{border:1px solid var(--line);background:var(--chip);height:40px;color:var(--text2);font:500 14px/1 var(--font-sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.pf:hover{background:var(--hover);color:var(--text)}.pf i{background:var(--c);border-radius:2px;width:8px;height:8px}.pf b{min-width:22px;height:22px;font:500 12px/1 var(--font-mono);color:var(--text3);font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.pf[aria-pressed=true]{color:var(--text);background:#ffffff1a;border-color:#ffffff38}.pf[aria-pressed=true] i{box-shadow:0 0 10px var(--c)}.pf[aria-pressed=true] b{background:var(--text);color:var(--bg)}.p-iso .tl:not(.prod){animation:none}.p-iso .tl.g0:after,.p-iso .tl.g1:after,.p-iso .tl.g2:after{display:none}.p-iso .tl.prod{background:color-mix(in srgb,var(--c) 38%,transparent);border-color:var(--c);box-shadow:0 0 18px var(--cg);transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .3s,box-shadow .3s,background-color .3s;animation:none;transform:translateZ(10px)}.p-iso .tl.prod.s-live{animation:3s ease-in-out infinite pLive}@keyframes pLive{0%,to{box-shadow:0 0 14px var(--cg)}50%{box-shadow:0 0 28px var(--cg)}}.p-iso .tl.prod.dim{opacity:.25;box-shadow:none;animation:none;transform:none}.p-iso.has-hl .tl:not(.hl){opacity:.55}.p-iso .tl.prod.hl{opacity:1;background:var(--c);box-shadow:0 0 40px var(--cg),0 0 80px var(--cg);animation:none;transform:translateZ(46px)}.p-list{z-index:1;padding:24px 0 120px;position:relative}@media (min-width:1101px){.p-hero{padding-bottom:8px}.p-hero .split{align-items:stretch}.p-hero .vis{contain:size;position:relative}.p-hero .vis .iso-wrap{margin-top:-235px;position:absolute;top:50%;left:0;right:0}}.p-sample{font:500 13px/1.4 var(--font-mono);color:var(--muted);margin-bottom:18px}.p-grid{perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.p-empty{color:var(--text3);margin-top:24px}.pc-li{min-width:0;display:flex}.pc-li.in{animation:pcIn .45s var(--ease) both;animation-delay:calc(var(--n,0) * 40ms)}@keyframes pcIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.pc{isolation:isolate;aspect-ratio:1;background:var(--card);border:1px solid var(--card-line);border-radius:var(--r-2xl);width:100%;color:var(--text);transform:rotateX(var(--rx,0)) rotateY(var(--ry,0));transform-style:preserve-3d;flex-direction:column;padding:24px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.pc:before{content:"";z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 16%,transparent),transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.pc:after{content:"";z-index:-1;background-image:linear-gradient(#7c9cff17 1px,#0000 1px),linear-gradient(90deg,#7c9cff17 1px,#0000 1px);background-size:22px 22px;width:46%;height:46%;position:absolute;bottom:-1px;right:-1px;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000,#0000 70%);mask-image:radial-gradient(circle at 100% 100%,#000,#0000 70%)}.pc:hover,.pc:focus-visible{border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 30px 80px -40px var(--cg)}.pc:hover:before,.pc:focus-visible:before{opacity:1}.pc:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.pc-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pc-logo{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.pc-logo img{object-fit:contain;width:100%;height:100%}.pc-logo .mono{font:600 24px/1 var(--font-mono);color:var(--c)}.pc-st{background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);height:28px;font:500 12px/1 var(--font-mono);color:var(--c);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.pc-st i{background:var(--c);border-radius:50%;width:7px;height:7px}.pc.s-live .pc-st i{animation:2s ease-out infinite pulse}.pc.s-dev .pc-st i{border-radius:2px;animation:1.4s step-end infinite pcBlink}@keyframes pcBlink{50%{opacity:.25}}.pc-body{gap:8px;margin-top:auto;display:grid}.pc-name{letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.1}.pc-desc{color:var(--text2);max-width:30ch;font-size:16px;line-height:1.5}.pc-foot{border-top:1px solid var(--line);font:500 13px/1 var(--font-mono);color:var(--text3);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;display:flex}.pc-url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pc-go{color:var(--text);transition:color .2s,transform .2s}.pc:hover .pc-go{color:var(--c);transform:translate(2px)}.nav a[aria-current=page],.ft-nav a[aria-current=page]{color:var(--text);background:var(--hover)}@media (max-width:1200px){.p-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.p-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.p-hero{padding:40px 0 16px}.p-filter{margin-top:26px}.p-grid{grid-template-columns:minmax(0,1fr);gap:14px}.pc{aspect-ratio:auto;min-height:250px;padding:22px}.pc-name{font-size:24px}.p-list{padding-bottom:72px}}@media (prefers-reduced-motion:reduce){.p-iso .tl.prod,.pc-st i,.pc-li.in{animation:none!important}.pc{transition:none;transform:none!important}}