/* Match the host site, including ready, processing and playback states. */
html{color-scheme:dark;--gold:var(--brand-accent);--ink:var(--brand-text)}
body{background:var(--brand-surface);color:var(--brand-text)}
.brand,.outcome b,.status,.metric .val{color:var(--brand-accent)}
.sun{background:var(--brand-accent);box-shadow:none}
.tag,.sub,.drop p,.foot,.metric .lab,.wlabel,.chain,.pill{color:var(--brand-muted);opacity:1}
.card,.drop,.wavewrap,.metric{background:var(--brand-raised);border-color:var(--brand-border);box-shadow:none}
.drop{border:1px dashed var(--brand-border)}
.drop:hover,.drop.over{background:var(--brand-surface);border-color:var(--brand-accent)}
.btn,.seg button.on,.seg button[aria-pressed=true]{background:var(--brand-accent);color:var(--brand-inverse);border-color:var(--brand-accent);box-shadow:none}
.btn:hover{background:var(--brand-accent-hover)}
.btn.ghost,.seg{background:var(--brand-input);color:var(--brand-text);border:1px solid var(--brand-border)}
.seg button{color:var(--brand-muted)}
.proc{background:#191b1ef2;color:var(--brand-accent)}
.outcome{background:var(--brand-raised);border:1px solid var(--brand-border);box-shadow:none;color:var(--brand-text)}
.wavewrap.live{box-shadow:inset 0 0 0 1.5px var(--brand-accent)}
.foot a{color:var(--brand-accent)}
:is(a,button,input,[role=button]):focus-visible{outline:3px solid var(--brand-accent);outline-offset:4px}
.card{padding:0;border:0;background:transparent}.drop{background:var(--brand-input);padding:26px 20px;border-radius:12px}.drop h2{font-family:system-ui,sans-serif;font-size:21px}.drop-symbol{display:grid;place-items:center;margin:0 auto 12px;width:40px;height:40px;border-radius:50%;background:var(--brand-raised);color:var(--brand-accent);font-size:24px}.choose-file{display:inline-block;margin:16px 0 12px;padding:10px 20px;background:var(--brand-accent);color:var(--brand-inverse);border-radius:8px;font:650 14px/1.5 system-ui,sans-serif}.file-formats{display:block}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.embedded-studio body{min-height:0}.embedded-studio .wrap{max-width:none;padding:22px 26px}.embedded-studio :is(header,h1,.sub,.foot,.skip-link,.bl-sup){display:none!important}#previewnote{max-width:none;text-align:left;opacity:1!important;font:13px/1.7 system-ui,sans-serif}.status{opacity:1;font:13px/1.6 system-ui,sans-serif}.btn,.seg button{font-family:system-ui,sans-serif}
@media(max-width:600px){.embedded-studio .wrap{padding:18px}.drop{padding:22px 14px}.drop h2{font-size:20px}}