.bw-animation,.steam-demo{--anim-paper:var(--paper);--anim-sheet:var(--sheet);--anim-ink:var(--ink);--anim-muted:var(--stone);--anim-accent:var(--accent);--anim-line:var(--line);--anim-wash:var(--wash);--anim-alert:var(--ember);font-family:BeWaterHan,var(--body),sans-serif;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
.bw-animation{background:var(--anim-paper);color:var(--anim-ink);border:1px solid var(--anim-line);border-radius:6px;overflow:hidden;isolation:isolate;width:100%;scroll-margin-top:0}
.bw-animation p,.bw-animation h3{margin:0}.bw-animation h3{font-family:inherit;letter-spacing:normal;font-weight:600}.bw-animation p{color:inherit}
.bw-top{display:flex;justify-content:space-between;gap:16px;padding:14px 20px 0;font-size:12px;line-height:1.6;color:var(--anim-muted)}
.bw-canvas{position:relative;height:640px;overflow:hidden;isolation:isolate}.bw-canvas img{max-width:100%;object-fit:contain}.bw-canvas svg{display:block;max-width:100%}
.bw-caption{position:relative;display:flex;align-items:start;gap:8px;padding:10px 20px 14px;min-height:54px;color:var(--anim-ink);background:var(--anim-paper)}.bw-caption:before{content:'';flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--anim-accent);margin-top:8px}.bw-caption p{font-size:14px;line-height:1.65;max-width:68em;text-wrap:pretty}
.bw-transport{display:flex;align-items:center;gap:16px;padding:4px 20px;border-top:1px solid var(--anim-line);background:var(--anim-paper)}.bw-transport button{font:500 13px/1.5 BeWaterHan,var(--body),sans-serif;color:var(--anim-accent);min-height:44px;white-space:nowrap;background:none;border:0;padding:6px 0;cursor:pointer}.bw-transport input{flex:1;min-width:0;accent-color:var(--anim-accent);height:28px;margin:0;cursor:pointer}.bw-transport output{font-size:12px;white-space:nowrap;color:var(--anim-muted)}
.bw-footnote{padding:0 20px 12px;font-size:12px;line-height:1.6;color:var(--anim-muted)!important}.bw-animation button:focus-visible,.bw-animation input:focus-visible{outline:2px solid var(--anim-accent);outline-offset:3px}
.bw-animation[data-playing=false] .bw-loop{animation-play-state:paused}
@media(max-width:700px){.bw-top{padding:10px 12px 0;gap:10px;font-size:12px}.bw-caption{padding:8px 12px 10px;min-height:56px}.bw-caption p{font-size:13px;line-height:1.6}.bw-transport{padding:3px 12px;gap:9px}.bw-transport button{font-size:13px}.bw-footnote{padding:0 12px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.bw-animation *{animation:none!important;transition:none!important}}