.hero-scene.inkplate{position:relative;width:100%;background:transparent;aspect-ratio:1.16;min-height:0}
.inkplate canvas{position:absolute;inset:0;display:block;height:100%;width:100%;touch-action:pan-y}
.plate-bottom{position:absolute;right:7px;bottom:0;display:flex;align-items:center;gap:15px}
.plate-bottom button{background:transparent;color:#465b70;border:0;cursor:pointer;min-height:44px;padding:4px 3px;font:560 12px Instrument,Arial,sans-serif}
.plate-bottom button:hover,.plate-bottom button:focus-visible{color:#234af5}
.plate-bottom button:focus-visible{outline:2px solid #234af5;outline-offset:2px;}
.plate-mode:before{content:'⇄';margin-right:6px}
.plate-pause{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.plate-pause:before{content:'';height:9px;width:2px;border-inline:2px solid currentColor;box-sizing:content-box}
.plate-bottom .plate-pause.is-paused{color:#234af5}
.plate-pause.is-paused:before{width:0;height:0;border:0;border-block:5px solid transparent;border-left:7px solid currentColor}
.inkplate .plate-fallback{position:absolute;inset:15% 20%;width:60%;height:70%;object-fit:contain}
.inkplate [hidden]{display:none!important}
@media(max-width:680px){.hero-scene.inkplate{min-height:248px;max-height:340px;margin:10px 0 0}}
.plate-bottom { gap:0; right:0; border-top:1px solid #b5bfb9; }
.plate-bottom button { font:550 10px/1.3 ui-monospace,Consolas,monospace; letter-spacing:.03em; padding:6px 9px; }
.plate-bottom button+button { border-left:1px solid #b5bfb9; }