.playground-page{padding-bottom:var(--fx-section-space)}.playground-intro{grid-template-columns:minmax(0,.9fr) minmax(26rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:clamp(3rem,7vw,5.5rem);display:grid}.playground-copy>.product-status-badge{margin-bottom:1.25rem}.playground-intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(3rem,6.3vw,5.8rem);font-weight:610;line-height:.92}.playground-intro p{max-width:42rem;color:var(--fx-text-soft);margin:1.4rem 0 0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.62}.playground-truth{border-left:1px solid var(--fx-border-strong);gap:.5rem;margin-top:1.5rem;padding-left:1.1rem;display:grid}.playground-truth p{color:var(--fx-text-muted);font-family:var(--fx-font-mono);margin:0;font-size:.72rem;line-height:1.55}.playground-launch{margin-top:1.8rem}.lab-object{aspect-ratio:2724/1732;border:1px solid var(--fx-border-strong);border-radius:var(--fx-radius-lg);box-shadow:0 35px 90px var(--fx-shadow);background:linear-gradient(160deg,#10131c,#0b0d11 62%);position:relative;overflow:hidden}.lab-object__caption{z-index:3;color:#f4f6fba8;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;position:absolute;top:1.2rem;right:1.35rem}.lab-object__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.playground-inside{border-top:1px solid var(--fx-border);margin-top:clamp(1rem,3vw,2rem);padding-block:clamp(2rem,5vw,3.5rem)}.playground-inside__kicker{color:var(--fx-accent-cyan);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem}.playground-inside__head h2{letter-spacing:-.045em;max-width:22ch;margin:.7rem 0 0;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1}.playground-inside__head>p:not(.playground-inside__kicker){max-width:44rem;color:var(--fx-text-soft);margin:1rem 0 0;line-height:1.65}.playground-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:clamp(1.8rem,4vw,3rem);display:grid}.playground-fact{border-top:1px solid var(--fx-border-strong);padding-top:1.1rem}.playground-fact h3{margin:0;font-size:1rem;font-weight:620}.playground-fact p{color:var(--fx-text-soft);margin:.6rem 0 0;font-size:.88rem;line-height:1.58}.playground-shortcuts{color:var(--fx-text-muted);flex-wrap:wrap;align-items:center;gap:.55rem .9rem;margin:clamp(1.8rem,4vw,2.6rem) 0 0;font-size:.74rem;display:flex}.playground-shortcuts code{border:1px solid var(--fx-border);border-radius:var(--fx-radius-sm);background:color-mix(in srgb, var(--fx-surface-strong) 82%, transparent);color:var(--fx-text-soft);padding:.38rem .6rem;font-size:.72rem}.playground-context{margin-top:clamp(1rem,3vw,2rem);padding-block:1rem clamp(2rem,5vw,4rem)}.playground-context summary{border-block:1px solid var(--fx-border-strong);min-height:3.5rem;color:var(--fx-text);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-weight:700;list-style:none;display:flex}.playground-context summary::-webkit-details-marker{display:none}.playground-context summary span{color:var(--fx-accent-cyan);font-family:var(--fx-font-mono);transition:transform var(--fx-fast) var(--fx-ease)}.playground-context[open] summary span{transform:rotate(45deg)}.preview-cases{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2rem,5vw,4rem);display:grid}.preview-case{border-top:1px solid var(--fx-border-strong);min-height:15rem;padding:1.4rem}.preview-case span{color:var(--fx-accent-cyan);font-family:var(--fx-font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.preview-case h2{letter-spacing:-.035em;margin:1rem 0 .7rem;font-size:1.4rem}.preview-case p{color:var(--fx-text-soft);margin:0;line-height:1.55}.mobile-guidance{max-width:48rem;color:var(--fx-text-soft);margin-top:1.5rem;line-height:1.55}@media (width<=900px){.playground-intro,.preview-cases{grid-template-columns:1fr}.preview-case{min-height:auto}.playground-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.playground-intro{gap:2rem;padding-block:2.75rem 3.5rem}.playground-intro h1{font-size:clamp(3rem,14vw,4.5rem)}.lab-object{border-radius:var(--fx-radius-md)}.playground-facts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.playground-context summary span{transition:none}}