@layer page{.demo-shell[data-astro-cid-2c6kblsg]{width:min(100% - 2rem,1120px);margin-inline:auto;padding:clamp(2.5rem,6vw,5rem) 0 5rem}.demo-header[data-astro-cid-2c6kblsg]{max-width:760px;margin-bottom:2rem}.demo-header[data-astro-cid-2c6kblsg] h1[data-astro-cid-2c6kblsg]{letter-spacing:-.04em;margin:0;font-size:clamp(2.8rem,7vw,5rem)}.demo-header[data-astro-cid-2c6kblsg] p[data-astro-cid-2c6kblsg]{max-width:62ch;color:var(--muted);margin:.8rem 0 0;font-size:1.08rem}.player-shell[data-astro-cid-2c6kblsg],.media-import[data-astro-cid-2c6kblsg],.secondary-grid[data-astro-cid-2c6kblsg],.diagnostics[data-astro-cid-2c6kblsg]{border-top:1px solid var(--rule)}.viewport-head[data-astro-cid-2c6kblsg]{justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.7rem 0;display:flex}#state-label[data-astro-cid-2c6kblsg]{color:var(--warm);font:600 .78rem var(--font-mono)}.viewport-head[data-astro-cid-2c6kblsg] p[data-astro-cid-2c6kblsg]{color:var(--muted);text-align:right;overflow-wrap:anywhere;margin:0;font-size:.84rem}.viewport[data-astro-cid-2c6kblsg]{aspect-ratio:16/9;background:#050505;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.viewport[data-astro-cid-2c6kblsg] canvas[data-astro-cid-2c6kblsg]{object-fit:contain;background:#050505;width:100%;height:100%}.viewport-state[data-astro-cid-2c6kblsg]{border:1px solid var(--rule);max-width:min(42rem,100% - 2rem);color:var(--muted);background:#050505e6;padding:.7rem .8rem;font-size:.8rem;position:absolute;inset:auto 1rem 1rem}.viewport-state[data-astro-cid-2c6kblsg][data-state=error]{border-color:var(--warm);color:var(--ink)}.drop-message[data-astro-cid-2c6kblsg]{border:1px dashed var(--cool);color:var(--cool);font:.82rem var(--font-mono);text-align:center;background:#111211f0;place-items:center;display:none;position:absolute;inset:1rem}.demo-shell[data-astro-cid-2c6kblsg][data-drop=true] .drop-message[data-astro-cid-2c6kblsg]{display:grid}.play-control[data-astro-cid-2c6kblsg]{grid-template-columns:auto minmax(12rem,1fr) auto minmax(7rem,9rem);align-items:center;gap:.8rem;padding:1rem 0;display:grid}.play-button[data-astro-cid-2c6kblsg]{min-width:7rem;min-height:44px;font-weight:600}.play-control[data-astro-cid-2c6kblsg]>label[data-astro-cid-2c6kblsg]{color:var(--muted);font-size:.82rem}.timeline[data-astro-cid-2c6kblsg]{min-width:0}.timeline-meta[data-astro-cid-2c6kblsg]{color:var(--muted);font:.76rem var(--font-mono);justify-content:space-between;gap:1rem;margin-top:.35rem;display:flex}.timeline-meta[data-astro-cid-2c6kblsg] output[data-astro-cid-2c6kblsg]{color:var(--ink);font:inherit}.media-import[data-astro-cid-2c6kblsg]{padding:2rem 0}.section-header[data-astro-cid-2c6kblsg],.secondary-section[data-astro-cid-2c6kblsg]>h2[data-astro-cid-2c6kblsg]{max-width:68ch}.section-header[data-astro-cid-2c6kblsg] h2[data-astro-cid-2c6kblsg],.secondary-section[data-astro-cid-2c6kblsg] h2[data-astro-cid-2c6kblsg]{margin:0;font-size:1.35rem}.section-header[data-astro-cid-2c6kblsg] p[data-astro-cid-2c6kblsg],.secondary-section[data-astro-cid-2c6kblsg]>p[data-astro-cid-2c6kblsg]{color:var(--muted);margin:.45rem 0 0}.media-file-row[data-astro-cid-2c6kblsg]{grid-template-columns:minmax(9rem,auto) minmax(15rem,1fr) minmax(12rem,.8fr);align-items:center;gap:.75rem;margin-top:1.4rem;display:grid}.media-file-row[data-astro-cid-2c6kblsg]>label[data-astro-cid-2c6kblsg],.engine-grid[data-astro-cid-2c6kblsg]>label[data-astro-cid-2c6kblsg]{color:var(--muted);font-size:.82rem}#media-file-name[data-astro-cid-2c6kblsg]{overflow-wrap:anywhere;min-width:0;color:var(--muted);font:.78rem var(--font-mono)}.media-options[data-astro-cid-2c6kblsg]{grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));gap:1rem;margin-top:1.25rem;display:grid}.media-field[data-astro-cid-2c6kblsg]{flex-direction:column;gap:.4rem;min-width:0;display:flex}.media-field[data-astro-cid-2c6kblsg]>span[data-astro-cid-2c6kblsg]{font-size:.82rem;font-weight:500}.media-field[data-astro-cid-2c6kblsg] small[data-astro-cid-2c6kblsg]{color:var(--muted);font-size:.74rem;line-height:1.35}.media-field[data-astro-cid-2c6kblsg] input[data-astro-cid-2c6kblsg],.media-field[data-astro-cid-2c6kblsg] select[data-astro-cid-2c6kblsg]{width:100%}.media-actions[data-astro-cid-2c6kblsg]{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:1.25rem;display:flex}#media-status[data-astro-cid-2c6kblsg]{min-width:min(100%,16rem);color:var(--muted);overflow-wrap:anywhere;flex:20rem;font-size:.8rem}#media-download[data-astro-cid-2c6kblsg]{font-size:.82rem}.media-actions[data-astro-cid-2c6kblsg] progress[data-astro-cid-2c6kblsg]{width:100%;height:.5rem;accent-color:var(--cool);order:5}.privacy-note[data-astro-cid-2c6kblsg]{max-width:72ch;color:var(--muted);margin:1rem 0 0;font-size:.82rem}.media-log-panel[data-astro-cid-2c6kblsg]{margin-top:.8rem}.secondary-grid[data-astro-cid-2c6kblsg]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.secondary-section[data-astro-cid-2c6kblsg]{min-width:0;padding:1.5rem 1.25rem 1.5rem 0}.secondary-section[data-astro-cid-2c6kblsg]+.secondary-section[data-astro-cid-2c6kblsg]{border-left:1px solid var(--rule);padding-left:1.25rem}.control-row[data-astro-cid-2c6kblsg]{align-items:center;gap:.55rem;min-width:0;margin-top:1rem;display:flex}.control-row[data-astro-cid-2c6kblsg] input[data-astro-cid-2c6kblsg],.control-row[data-astro-cid-2c6kblsg] select[data-astro-cid-2c6kblsg]{flex:1;min-width:0}.source-description[data-astro-cid-2c6kblsg]{color:var(--muted);margin:.65rem 0 0;font-size:.78rem}.engine-grid[data-astro-cid-2c6kblsg]{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem .8rem;margin-top:1rem;display:grid}.engine-status[data-astro-cid-2c6kblsg]{color:var(--muted);margin:.9rem 0 0;font-size:.82rem}.engine-status[data-astro-cid-2c6kblsg] strong[data-astro-cid-2c6kblsg]{color:var(--cool)}input[data-astro-cid-2c6kblsg],select[data-astro-cid-2c6kblsg],button[data-astro-cid-2c6kblsg]{border:1px solid var(--control-rule);background:var(--surface);min-height:42px;color:var(--ink);border-radius:2px}input[data-astro-cid-2c6kblsg][type=url],input[data-astro-cid-2c6kblsg][type=number],select[data-astro-cid-2c6kblsg]{padding:.48rem .6rem}input[data-astro-cid-2c6kblsg][type=file]{width:100%;min-width:0;padding:.35rem;font-size:.8rem}input[data-astro-cid-2c6kblsg][type=file]::file-selector-button{border:0;border-right:1px solid var(--rule);min-height:32px;color:var(--ink);background:0 0;margin-right:.6rem}input[data-astro-cid-2c6kblsg][type=range]{width:100%;min-height:auto;accent-color:var(--cool);background:0 0;border:0}button[data-astro-cid-2c6kblsg]{white-space:nowrap;cursor:pointer;padding:.48rem .85rem}button[data-astro-cid-2c6kblsg]:disabled{cursor:default;color:var(--muted)}button[data-astro-cid-2c6kblsg]:not(:disabled):hover,select[data-astro-cid-2c6kblsg]:hover,input[data-astro-cid-2c6kblsg]:hover{border-color:var(--cool)}details[data-astro-cid-2c6kblsg]>summary[data-astro-cid-2c6kblsg]{cursor:pointer}.media-log-panel[data-astro-cid-2c6kblsg] summary[data-astro-cid-2c6kblsg],.event-panel[data-astro-cid-2c6kblsg] summary[data-astro-cid-2c6kblsg]{color:var(--muted);font-size:.8rem}#media-log[data-astro-cid-2c6kblsg],#event-log[data-astro-cid-2c6kblsg]{border:1px solid var(--rule);max-height:15rem;color:var(--muted);white-space:pre-wrap;font:.76rem/1.5 var(--font-mono);background:#0b0c0b;margin:.65rem 0 0;padding:.75rem;overflow:auto}.diagnostics[data-astro-cid-2c6kblsg]{padding:1.4rem 0}.diagnostics[data-astro-cid-2c6kblsg]>summary[data-astro-cid-2c6kblsg]{font-weight:500}.performance-strip[data-astro-cid-2c6kblsg]{border-block:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem;display:grid}.performance-strip[data-astro-cid-2c6kblsg] div[data-astro-cid-2c6kblsg]{padding:.75rem}.performance-strip[data-astro-cid-2c6kblsg] div[data-astro-cid-2c6kblsg]+div[data-astro-cid-2c6kblsg]{border-left:1px solid var(--rule)}.performance-strip[data-astro-cid-2c6kblsg] span[data-astro-cid-2c6kblsg]{color:var(--muted);font-size:.75rem;display:block}.performance-strip[data-astro-cid-2c6kblsg] strong[data-astro-cid-2c6kblsg]{overflow-wrap:anywhere;font:500 .84rem var(--font-mono);margin-top:.25rem;display:block}.inspector[data-astro-cid-2c6kblsg]{border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.inspector[data-astro-cid-2c6kblsg] section[data-astro-cid-2c6kblsg]{min-width:0;padding:1rem .9rem 1rem 0}.inspector[data-astro-cid-2c6kblsg] section[data-astro-cid-2c6kblsg]+section[data-astro-cid-2c6kblsg]{border-left:1px solid var(--rule);padding-left:.9rem}.inspector[data-astro-cid-2c6kblsg] h2[data-astro-cid-2c6kblsg]{margin:0 0 .7rem;font-size:.88rem}.inspector[data-astro-cid-2c6kblsg] dl[data-astro-cid-2c6kblsg]{margin:0}.inspector[data-astro-cid-2c6kblsg] dl[data-astro-cid-2c6kblsg] div[data-astro-cid-2c6kblsg]{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:.55rem;padding:.25rem 0;display:grid}.inspector[data-astro-cid-2c6kblsg] dt[data-astro-cid-2c6kblsg]{color:var(--muted);font-size:.76rem}.inspector[data-astro-cid-2c6kblsg] dd[data-astro-cid-2c6kblsg]{overflow-wrap:anywhere;text-align:right;font:.75rem var(--font-mono);margin:0}.stream-list[data-astro-cid-2c6kblsg]{border-bottom:1px solid var(--rule);color:var(--ink);white-space:pre-wrap;font:.74rem/1.45 var(--font-mono);background:0 0;margin:0 0 .6rem;padding-bottom:.6rem}.event-panel[data-astro-cid-2c6kblsg]{margin-top:1rem}.sr-only[data-astro-cid-2c6kblsg]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.secondary-grid[data-astro-cid-2c6kblsg]{grid-template-columns:1fr}.secondary-section[data-astro-cid-2c6kblsg]{padding:1.35rem 0}.secondary-section[data-astro-cid-2c6kblsg]+.secondary-section[data-astro-cid-2c6kblsg]{border-top:1px solid var(--rule);border-left:0;padding-left:0}.inspector[data-astro-cid-2c6kblsg]{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector[data-astro-cid-2c6kblsg] section[data-astro-cid-2c6kblsg]:nth-child(3){border-left:0;border-top:1px solid var(--rule)}.inspector[data-astro-cid-2c6kblsg] section[data-astro-cid-2c6kblsg]:nth-child(4){border-top:1px solid var(--rule)}}@media (width<=700px){.demo-shell[data-astro-cid-2c6kblsg]{width:min(100% - 1.25rem,1120px);padding-top:2.2rem}.viewport-head[data-astro-cid-2c6kblsg]{flex-direction:column;align-items:flex-start;gap:.3rem}.viewport-head[data-astro-cid-2c6kblsg] p[data-astro-cid-2c6kblsg]{text-align:left}.play-control[data-astro-cid-2c6kblsg]{grid-template-columns:auto minmax(0,1fr)}.play-control[data-astro-cid-2c6kblsg]>label[data-astro-cid-2c6kblsg]{grid-column:1}.volume[data-astro-cid-2c6kblsg]{grid-column:2}.media-file-row[data-astro-cid-2c6kblsg]{grid-template-columns:1fr}.media-options[data-astro-cid-2c6kblsg]{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-strip[data-astro-cid-2c6kblsg]{grid-template-columns:repeat(2,1fr)}.performance-strip[data-astro-cid-2c6kblsg] div[data-astro-cid-2c6kblsg]:nth-child(3){border-left:0;border-top:1px solid var(--rule)}.performance-strip[data-astro-cid-2c6kblsg] div[data-astro-cid-2c6kblsg]:nth-child(4){border-top:1px solid var(--rule)}.inspector[data-astro-cid-2c6kblsg]{grid-template-columns:1fr}.inspector[data-astro-cid-2c6kblsg] section[data-astro-cid-2c6kblsg],.inspector[data-astro-cid-2c6kblsg] section[data-astro-cid-2c6kblsg]+section[data-astro-cid-2c6kblsg],.inspector[data-astro-cid-2c6kblsg] section[data-astro-cid-2c6kblsg]:nth-child(3),.inspector[data-astro-cid-2c6kblsg] section[data-astro-cid-2c6kblsg]:nth-child(4){border-top:1px solid var(--rule);border-left:0;padding:.9rem 0}}@media (width<=480px){.demo-header[data-astro-cid-2c6kblsg] h1[data-astro-cid-2c6kblsg]{font-size:2.7rem}.timeline-meta[data-astro-cid-2c6kblsg] span[data-astro-cid-2c6kblsg]{display:none}.media-options[data-astro-cid-2c6kblsg]{grid-template-columns:1fr}.media-actions[data-astro-cid-2c6kblsg]{flex-direction:column;align-items:stretch}.media-actions[data-astro-cid-2c6kblsg] button[data-astro-cid-2c6kblsg],.media-actions[data-astro-cid-2c6kblsg] a[data-astro-cid-2c6kblsg]{width:100%}.control-row[data-astro-cid-2c6kblsg]{flex-direction:column;align-items:stretch}.control-row[data-astro-cid-2c6kblsg] button[data-astro-cid-2c6kblsg]{width:100%}.engine-grid[data-astro-cid-2c6kblsg]{grid-template-columns:1fr}}}