.playground{color:var(--ink);font-family:var(--font-sans);grid-template-columns:minmax(0,1fr);gap:32px;font-size:15px;line-height:1.5;display:grid}.playground [hidden]{display:none!important}@media (min-width:1024px){.playground{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:48px}.playground .pg-view{top:calc(var(--topbar-height,72px) + 16px);position:sticky}}.playground .pg-stage{aspect-ratio:3/2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);position:relative;overflow:hidden}@media (min-width:1024px){.playground .pg-stage{aspect-ratio:16/10;max-height:calc(100dvh - var(--topbar-height,72px) - 140px)}}.playground .pg-stage canvas{outline:none;display:block}.playground .pg-stage canvas:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.playground .pg-hint{background:color-mix(in srgb, var(--paper) 88%, transparent);color:var(--muted);pointer-events:none;margin:0;padding:2px 6px 2px 0;font-size:13px;position:absolute;top:12px;left:0}.playground .pg-hint-touch{display:none}@media (hover:none){.playground .pg-hint-touch{display:inline}.playground .pg-hint-mouse{display:none}}.playground .pg-status{color:var(--muted);text-align:center;place-items:center;margin:0;padding:16px;font-size:14px;display:grid;position:absolute;inset:0}.playground .pg-status[data-loading]{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.playground .pg-status[data-loading]{animation:1.6s ease-in-out infinite alternate pg-breathe}}@keyframes pg-breathe{0%{opacity:.65}to{opacity:1}}.playground[data-playground-state=unavailable]{grid-template-columns:minmax(0,1fr)}.playground[data-playground-state=unavailable] .pg-stage{aspect-ratio:auto;height:auto}.playground .pg-unavailable{align-content:center;justify-items:start;gap:8px;padding:48px 0;display:grid}.playground .pg-unavailable h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:400}.playground .pg-unavailable p{max-width:46ch;color:var(--muted);margin:0}.playground .pg-readout{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-top:12px;font-size:14px;display:flex}.playground .pg-readout p{margin:0}.playground .pg-readout[data-empty]{visibility:hidden}.playground .pg-readout .pg-label{color:var(--muted)}.playground .pg-model{color:var(--muted);margin:4px 0 0;font-size:13px}.playground .pg-deck{gap:28px;min-width:0;display:grid}.playground .pg-section{gap:14px;min-width:0;display:grid}.playground .pg-section+.pg-section{border-top:1px solid var(--line);padding-top:24px}.playground .pg-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.playground .pg-head h2{font-family:var(--font-display);letter-spacing:-.005em;margin:0;font-size:17px;font-weight:600}.playground .pg-note{color:var(--muted);margin:0;font-size:15px}.playground .pg-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.playground .pg-joints{gap:6px;margin:0;padding:0;list-style:none;display:grid}.playground .pg-joint{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px;display:grid}.playground .pg-joint :is(label,.pg-name){font-size:14px}.playground .pg-joint[data-active] label{font-weight:600}.playground .pg-joint[data-active] label:before{content:"";background:var(--accent);width:6px;height:6px;margin:0 8px 1px 0;display:inline-block}.playground .pg-value{min-width:5ch;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.playground .pg-joint input,.playground .pg-joint .pg-track{grid-column:1/-1}.playground input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;display:block}.playground input[type=range]::-webkit-slider-runnable-track{background:var(--ink);border:0;height:1px}.playground input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:50%;width:12px;height:12px;margin-top:-5.5px}.playground input[type=range]::-moz-range-track{background:var(--ink);border:0;height:1px}.playground input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:12px;height:12px}.playground .pg-joint[data-active] input[type=range]::-webkit-slider-thumb{background:var(--accent)}.playground .pg-joint[data-active] input[type=range]::-moz-range-thumb{background:var(--accent)}.playground .pg-track{align-items:center;height:28px;display:grid}.playground .pg-track:after{content:"";background:var(--line-strong);height:1px}.playground .pg-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.playground .pg-actions .pg-text+.pg-text{margin-left:6px}.playground .pg-btn{border:1px solid var(--line-strong);min-height:34px;color:var(--ink);font:500 14px/1.2 var(--font-sans);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:6px 14px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.playground .pg-btn:hover{background:var(--paper-deep)}.playground .pg-btn:active{transform:translateY(1px)}.playground .pg-btn.pg-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.playground .pg-btn.pg-primary:hover{background:var(--chart-dark)}.playground .pg-btn:disabled,.playground .pg-text:disabled{border-color:var(--line);color:var(--muted);opacity:.6;cursor:not-allowed;background:0 0;transform:none}.playground .pg-text{min-height:32px;color:var(--muted);font:400 14px/1.2 var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;transition:color .15s;display:inline-flex}.playground .pg-text:hover{color:var(--ink)}.playground .pg-text:active{transform:translateY(1px)}.playground .pg-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.playground .pg-field{gap:2px;min-width:0;display:grid}.playground .pg-field label{color:var(--muted);font-size:13px}.playground .pg-field span.pg-unit-wrap{align-items:baseline;gap:4px;display:flex}.playground .pg-field input{border:0;border-bottom:1px solid var(--muted);width:100%;min-width:0;color:var(--ink);font:400 14px/1.3 var(--font-sans);font-variant-numeric:tabular-nums;background:0 0;border-radius:0;padding:4px 0}.playground .pg-field input:hover{border-bottom-color:var(--ink)}.playground .pg-unit{color:var(--muted);font-size:13px}.playground .pg-error{color:var(--fail);margin:0;font-size:14px}.playground .pg-poses{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.playground .pg-pose{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--ink);font:400 13px/1 var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border-radius:0;padding:0;transition:background-color .15s}.playground .pg-pose:hover{background:var(--paper-deep)}.playground .pg-progress{color:var(--muted);font-variant-numeric:tabular-nums;gap:6px;margin:0;font-size:13px;display:grid}.playground .pg-bar{background:var(--line-strong);height:1px}.playground .pg-bar>span{background:var(--ink);transform-origin:0;height:1px;display:block}.playground .pg-message{color:var(--muted);margin:0;font-size:15px}.playground .pg-message[role=alert]{color:var(--fail)}.playground textarea{border:1px solid var(--line-strong);background:var(--paper);width:100%;color:var(--ink);font:400 13px/1.5 var(--font-mono);resize:vertical;border-radius:0;padding:8px 10px}.playground .pg-download{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;font-size:14px}.playground .pg-download:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.playground input[type=file]{color:var(--muted);max-width:100%;font-size:13px}.playground input[type=file]::file-selector-button{border:1px solid var(--line-strong);color:var(--ink);font:500 13px/1.2 var(--font-sans);cursor:pointer;background:0 0;border-radius:0;margin-right:10px;padding:5px 12px}.playground details>summary{min-height:32px;color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:14px;list-style:none;display:flex}.playground details>summary::-webkit-details-marker{display:none}.playground details>summary:before{content:"+";width:1ch;font-family:var(--font-mono);color:var(--ink)}.playground details[open]>summary:before{content:"−"}.playground details>summary:hover{color:var(--ink)}.playground .pg-fold{gap:10px;min-width:0;display:grid}.playground details>.pg-fold{padding-top:8px}@media (min-width:1024px){.playground .pg-narrow-only{display:none}}.playground .pg-tech{border-collapse:collapse;width:100%;font-size:13px}.playground .pg-tech caption{text-align:left;color:var(--muted);padding-bottom:6px}.playground .pg-tech thead tr{border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.playground .pg-tech tbody tr:last-child{border-bottom:1px solid var(--ink)}.playground .pg-tech th,.playground .pg-tech td{text-align:left;vertical-align:baseline;padding:4px 8px 4px 0;font-weight:400}.playground .pg-tech thead th{color:var(--muted)}.playground .pg-tech tbody th :is(.pg-plain,code){display:block}.playground .pg-tech tbody th code{color:var(--muted)}.playground .pg-tech td{white-space:nowrap}.playground .pg-tech td:last-child,.playground .pg-tech th:last-child{text-align:right;padding-right:0}.playground .pg-tech code,.playground .pg-tech .pg-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.playground .pg-tech-list{gap:4px;margin:0;font-size:13px;display:grid}.playground .pg-tech-list div{grid-template-columns:7.5em minmax(0,1fr);gap:8px;display:grid}.playground .pg-tech-list dt{color:var(--muted)}.playground .pg-tech-list dd{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-size:13px}.playground :is(button,summary,input,textarea,a):focus{outline:none}.playground :is(button,summary,input,textarea,a):focus-visible{outline:1px solid var(--ink);outline-offset:2px}