:root{--animation-background:#F2EEE6}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--animation-background)}#stage{position:absolute;inset:0;touch-action:pan-y;outline:none}#stage:focus-visible{outline:2px solid #151412;outline-offset:-4px}#canvas{display:block;width:100%;height:100%}
#stage{cursor:pointer}#tags{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .35s ease;will-change:transform}
.tag span{font:500 13px/1 var(--sans);color:#151412;background:rgba(250,248,242,.94);padding:7px 10px;white-space:nowrap;box-shadow:0 1px 0 rgba(21,20,18,.08)}
.tag i{display:block;width:1px;height:36px;background:rgba(21,20,18,.5)}
.layer-controls{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}
.layer-controls button{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.layer-controls:focus-within{background:#F2EEE6;padding:6px;pointer-events:auto}
.layer-controls:focus-within button{position:static;width:auto;height:auto;clip-path:none;white-space:normal;border:1px solid #5E5A52;background:#F2EEE6;color:#151412;padding:8px;font:14px/1.3 sans-serif;cursor:pointer}
.layer-controls button:focus-visible{outline:2px solid #151412;outline-offset:1px}
.layer-controls button[aria-pressed="true"]{background:#E9DDBF}
.tag b{display:block;width:5px;height:5px;margin-top:-2px;background:#151412;transform:rotate(45deg)}