.playground{background:var(--app-bg);height:100dvh;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;font-size:14px;display:flex;overflow:hidden}.playground-bar{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.playground-logo{color:#fff;text-decoration:none;display:inline-flex}.playground-logo .logo{align-items:center;gap:8px;display:inline-flex}.playground-logo .logo-word{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:700}.playground-label{border-left:1px solid var(--border);color:#fff;padding-left:12px;font-weight:600}.playground-note{min-width:0;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.playground-examples{border:1px solid var(--border);background:var(--panel-raised);max-width:220px;color:var(--text);font:inherit;border-radius:8px;padding:7px 10px}.playground-cta{padding:8px 14px;text-decoration:none}.playground-notice{border-bottom:1px solid var(--border);background:var(--panel-raised);color:var(--warning);flex-shrink:0;margin:0;padding:8px 16px}.app.playground-app{flex:1;grid-template-columns:minmax(380px,1fr) minmax(420px,1.15fr);height:auto;min-height:0}.playground-loading{color:var(--text-dim);grid-column:1/-1;place-self:center}@media (width<=768px){.playground-bar{gap:8px;padding:8px 10px}.playground-label,.playground-note{display:none}.playground-bar{flex-wrap:nowrap}.playground-examples{flex:1;min-width:0;max-width:none}.playground-share-label,.playground-bar .playground-cta{display:none}}