.playground{border:1px solid var(--gss-line);background:var(--gss-surface);color:var(--gss-bone);font-family:var(--gss-font-code);margin:0 0 12px;overflow:hidden}.playground-bar{box-sizing:border-box;border-bottom:1px solid var(--gss-line);min-height:44px;color:var(--gss-dim);align-items:center;gap:16px;padding:0 7rem 0 14px;font-size:11px;display:flex}.playground-body{grid-template-columns:1fr 1fr;height:320px;display:grid}.playground .code-host{border-right:1px solid var(--gss-line);min-width:0;min-height:0;font-size:13px;overflow:hidden}.open-playground{color:var(--gss-ash);text-transform:lowercase;margin-left:auto}.open-playground:hover{color:var(--gss-bone);text-decoration:none}.playground canvas{background:var(--gss-void);touch-action:none;cursor:grab;width:100%;min-width:0;height:100%;display:block}.playground-body canvas,.playground-body .vars-panel,.playground-body .view-chips{grid-area:1/2}.playground pre.error{border:0;border-left:2px solid var(--gss-signal);background:var(--gss-signal-wash);color:var(--gss-error-text);white-space:pre-wrap;margin:0;padding:10px 14px;font-size:12px}.playground .status{text-transform:lowercase}.playground .status:before{content:"● "}.playground .status.error{color:var(--gss-signal)}@media (width<=600px){.playground-body{grid-template-rows:auto 240px;grid-template-columns:1fr;height:auto}.playground .code-host{border-right:0;border-bottom:1px solid var(--gss-line);height:200px}.playground-body canvas,.playground-body .vars-panel,.playground-body .view-chips{grid-area:2/1}.playground .hint{display:none}}