@layer demo{.demo-configs{gap:1.5rem;display:grid}.demo-configs-controls{flex-wrap:wrap;align-items:end;gap:1rem;padding:clamp(1rem,2.5vw,1.5rem);display:flex}.demo-configs-controls label{color:#edf5f6bd;letter-spacing:.04em;flex:18rem;gap:.4rem;font-size:.82rem;font-weight:700;display:grid}.demo-configs-controls select{color:#edf5f6;width:100%;min-height:2.9rem;font:inherit;letter-spacing:normal;background:#101d25;border:1px solid #edf5f638;border-radius:.65rem;padding:.65rem 2.5rem .65rem .85rem;font-size:.95rem}.demo-configs-controls select:focus-visible,.demo-configs-json button:focus-visible{outline-offset:3px;outline:3px solid #7af7c5}.demo-configs-status{color:#edf5f6bd;flex-basis:100%;margin:0}.demo-configs-status[hidden]{display:none}.demo-configs-status[role=alert]{color:#ffb7ad}.demo-configs-workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid}.demo-configs-preview,.demo-configs-json{min-width:0;padding:clamp(1rem,2.5vw,1.5rem)}.demo-configs-panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.demo-configs-panel-heading h2{margin:.25rem 0 0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.1}.demo-configs-player-stage{align-items:start;min-height:18rem;display:grid}.demo-configs-player-stage[data-layout=portrait] lt-player{max-width:min(100%,26rem);margin-inline:auto}.demo-configs-json button{color:#071112;background:#dfe33d;border:0;border-radius:999px;flex:none;min-height:2.75rem;padding-inline:1rem;font-weight:700}.demo-configs-json button:disabled{cursor:wait;opacity:.55}.demo-configs-json button[data-copy-state=error]{color:#fff;background:#a43327}.demo-configs-json pre{color:#dcf8ed;tab-size:2;background:#071112;border:1px solid #edf5f624;border-radius:.85rem;max-height:52rem;margin:0;padding:1rem;font:.82rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden auto}.demo-configs-json code{overflow-wrap:anywhere;white-space:pre-wrap}:root[data-site-theme=light] .demo-configs-controls label,:root[data-site-theme=light] .demo-configs-status{color:#10242bc7}:root[data-site-theme=light] .demo-configs-controls select{color:#10242b;background:#fff;border-color:#10242b3d}@media (width<=64rem){.demo-configs-workspace{grid-template-columns:1fr}}@media (width<=40rem){.demo-configs-panel-heading{align-items:flex-start}.demo-configs-json button{min-height:2.5rem;padding-inline:.8rem;font-size:.82rem}}}