.demo-embed-view .pulsar-piece .library-picker,.demo-embed-view .pulsar-piece .heading,.demo-embed-view .pulsar-piece .panel:nth-child(2),.demo-embed-view .pulsar-piece .panel h2,.demo-embed-view .pulsar-piece .file-label,.demo-embed-view .pulsar-piece #demo,.demo-embed-view .pulsar-piece .track,.demo-embed-view .pulsar-piece .transport,.demo-embed-view .pulsar-piece .actions{display:none}.demo-embed-view .pulsar-piece .controls{display:block;margin-top:10px}.demo-embed-view .pulsar-piece .panel{border:0;background:none;padding:0;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.demo-embed-view .pulsar-piece .status{margin-top:0}.demo-embed-view .pulsar-piece .stage{margin-top:0;max-height:none}
.pulsar-piece .library-picker{margin-bottom:15px}.pulsar-piece .library-picker label{display:block;font-size:12px;color:#b2b8c1;margin-bottom:7px}.pulsar-piece .library-picker select{width:100%;min-width:0;padding:10px;border:1px solid #444;border-radius:0;background:#171717;color:#eee;font:13px monospace}
.pulsar-piece{--surface:#111317;--muted:#98a0aa;color:#f0f1f3;font:14px/1.5 monospace;min-width:0}.pulsar-piece *{box-sizing:border-box}.pulsar-piece .heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.pulsar-piece .heading h1{margin:0;font-size:22px;line-height:1.4}.pulsar-piece .subtitle{color:var(--muted);font-size:12px}.pulsar-piece .stage{width:100%;margin-top:12px;position:relative;border:1px solid #1d2026;background:#000;overflow:hidden;aspect-ratio:1.8;min-height:340px;max-height:78vh}.pulsar-piece canvas{width:100%;height:100%;display:block}.pulsar-piece .stage-label{position:absolute;top:26px;left:30px;font-size:clamp(22px,2.8vw,38px);font-weight:800;color:#f5f5f6;pointer-events:none}.pulsar-piece .stage-subtle{position:absolute;top:39px;right:30px;text-align:right;color:#8f96a0;font-size:10px;letter-spacing:.1em;pointer-events:none}.pulsar-piece .stage-footer{position:absolute;left:30px;right:30px;bottom:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:end;color:#d9dbe0;font-size:12px;line-height:1.25;pointer-events:none}.pulsar-piece .footer-left,.pulsar-piece .footer-right{min-width:0}.pulsar-piece .footer-right{text-align:right}.pulsar-piece .footer-kicker{color:#a8adb5;display:block;margin-bottom:4px;letter-spacing:.08em;font-size:10px}.pulsar-piece .footer-main{font-size:11px}.pulsar-piece .controls{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:18px}.pulsar-piece .panel{min-width:0;background:var(--surface);border:1px solid #242830;padding:16px}.pulsar-piece .panel h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#c3c8cf;margin:0 0 14px}.pulsar-piece .player{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pulsar-piece button,.pulsar-piece .file-label{background:#e3e7ec;color:#0b0d11;padding:10px 14px;border:0;cursor:pointer;font:13px monospace}.pulsar-piece button:disabled{opacity:.38;cursor:not-allowed}.pulsar-piece .secondary{background:#2a2f37;color:#eff1f4}.pulsar-piece .file-label{display:inline-flex;align-items:center}.pulsar-piece .file-label input{position:absolute;opacity:0;width:1px;height:1px}.pulsar-piece .file-label:focus-within,.pulsar-piece :focus-visible{outline:2px solid #8dc;outline-offset:3px}.pulsar-piece .track{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#b2b8c1;font-size:12px;margin-top:14px}.pulsar-piece .transport{display:flex;gap:9px;align-items:center;margin-top:12px}.pulsar-piece .transport input{flex:1;min-width:0}.pulsar-piece .time{color:#b5bbc4;font-variant-numeric:tabular-nums;font-size:11px;min-width:96px;text-align:right}.pulsar-piece .settings{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.pulsar-piece .setting label{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px}.pulsar-piece .setting output{color:#d0d6de;font-variant-numeric:tabular-nums}.pulsar-piece .setting input{width:100%}.pulsar-piece input[type=range]{accent-color:#8dc;cursor:pointer}.pulsar-piece .hint{font-size:11px;color:#9097a1;margin-top:12px}.pulsar-piece .status{display:flex;gap:8px;align-items:center;color:#bcc2cb;font-size:12px;margin-top:12px}.pulsar-piece .dot{display:block;width:7px;height:7px;border-radius:50%;background:#7fa18e}.pulsar-piece .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pulsar-piece .stage:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;margin:0}@media(max-width:850px){.pulsar-piece .controls{grid-template-columns:1fr}.pulsar-piece .stage{aspect-ratio:1.4}}@media(max-width:520px){.pulsar-piece .settings{grid-template-columns:1fr}.pulsar-piece .stage-label{left:18px;top:16px;font-size:24px}.pulsar-piece .stage-subtle{right:18px;top:56px;font-size:9px}.pulsar-piece .stage-footer{left:18px;right:18px;bottom:14px;column-gap:12px}.pulsar-piece .footer-main{font-size:9px}.pulsar-piece .footer-kicker{font-size:8px}}