.CodePlayground-module__AmCyNG__playground{border-radius:var(--radius-lg);color:var(--color-on-ink);background:var(--color-ink);border:1px solid #ffffff24;overflow:hidden;box-shadow:0 1.5rem 4rem #0a0a0a26}.CodePlayground-module__AmCyNG__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3);border-bottom:1px solid #ffffff24;display:flex}.CodePlayground-module__AmCyNG__tabs{gap:var(--space-1);flex-wrap:wrap;display:flex}.CodePlayground-module__AmCyNG__tabs button,.CodePlayground-module__AmCyNG__copyButton{border-radius:var(--radius-sm);min-height:44px;padding-inline:var(--space-3);color:#ffffff94;font:500 .72rem / 1 var(--font-mono);cursor:pointer;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-out), color var(--duration-ui) ease, background-color var(--duration-ui) ease;background:0 0;border:0}.CodePlayground-module__AmCyNG__tabs button[aria-selected=true]{color:var(--color-ink);background:var(--color-paper)}.CodePlayground-module__AmCyNG__copyButton{align-items:center;gap:var(--space-2);color:#fffc;display:inline-flex}.CodePlayground-module__AmCyNG__copyButton svg{stroke-width:1.8px;width:14px;height:14px}.CodePlayground-module__AmCyNG__tabs button:active,.CodePlayground-module__AmCyNG__copyButton:active{transform:scale(.97)}.CodePlayground-module__AmCyNG__playground pre{color:#ffffffe0;background:radial-gradient(circle at 88% 12%, #4b6fff2e, transparent 30%), radial-gradient(circle at 8% 88%, #f2543524, transparent 32%), var(--color-ink);min-height:26rem;font:400 .8rem / 1.75 var(--font-mono);tab-size:2;margin:0;padding:clamp(1.25rem,4vw,2.5rem);overflow:auto}.CodePlayground-module__AmCyNG__playground code{font:inherit}@media (hover:hover) and (pointer:fine){.CodePlayground-module__AmCyNG__tabs button:hover:not([aria-selected=true]),.CodePlayground-module__AmCyNG__copyButton:hover{color:var(--color-on-ink);background:#ffffff1a}}@media (max-width:540px){.CodePlayground-module__AmCyNG__toolbar{flex-direction:column;align-items:stretch}.CodePlayground-module__AmCyNG__tabs{grid-template-columns:repeat(3,1fr);display:grid}.CodePlayground-module__AmCyNG__tabs button,.CodePlayground-module__AmCyNG__copyButton{min-height:44px}.CodePlayground-module__AmCyNG__copyButton{justify-content:center}.CodePlayground-module__AmCyNG__playground pre{min-height:22rem}}@media (prefers-reduced-motion:reduce){.CodePlayground-module__AmCyNG__tabs button,.CodePlayground-module__AmCyNG__copyButton{transition-duration:0s}.CodePlayground-module__AmCyNG__tabs button:active,.CodePlayground-module__AmCyNG__copyButton:active{transform:none}}