.playground_page__eTz09{max-width:1100px;margin:0 auto;padding:clamp(var(--space-8),8vh,var(--space-16)) var(--space-6) var(--space-16);background:var(--color-bg);color:var(--color-on-bg);min-height:80vh}@media screen and (max-width:767px){.playground_page__eTz09{padding:var(--space-8) var(--space-4) var(--space-10)}}.playground_hero__klRNG{text-align:center;margin-bottom:var(--space-12)}@media screen and (max-width:767px){.playground_hero__klRNG{margin-bottom:var(--space-8)}}.playground_kicker__7YxCS{font-size:var(--text-2xs);font-weight:var(--font-weight-bold);letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary);margin:0;margin:0 0 var(--space-3);font-size:var(--text-caption);color:var(--color-on-surface-variant);letter-spacing:.32em}.playground_title__xsu1P{font-size:clamp(2.5rem,6vw,3.75rem);font-weight:var(--font-weight-extrabold);line-height:1.05;letter-spacing:-.025em;margin:0;color:var(--color-on-bg)}.playground_sub__R1MMe{margin:var(--space-4) auto 0;max-width:600px;color:var(--color-on-surface-variant);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:var(--leading-relaxed)}.playground_section__FZzx6{margin-top:var(--space-12)}@media screen and (max-width:767px){.playground_section__FZzx6{margin-top:var(--space-10)}}.playground_section_title__Am4vn{font-size:var(--text-2xs);font-weight:var(--font-weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--color-on-surface-variant);margin:0 0 var(--space-5);font-size:1.1rem;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-outline-variant)}.playground_knot_demo__ZvQy7{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:var(--radius-md);background:linear-gradient(160deg,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 60%),var(--color-surface);overflow:hidden}.playground_knot_stage__YKXli{height:240px;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 70%);cursor:grab}.playground_knot_stage__YKXli canvas{display:block;touch-action:none}.playground_knot_hint__5NzJW{margin:0;font-size:var(--text-caption);color:var(--color-on-surface-variant)}