.zombie-motion{position:static;padding:12px;border:1px solid #575247;border-radius:6px;background:#1a1e1ef0;margin:18px 0;font:12px "Segoe UI","Microsoft JhengHei",sans-serif;color:#dddcd6}
.zombie-motion strong{display:block;color:#dec18e;margin-bottom:10px;font-weight:500}.zombie-motion .buttons{display:flex;flex-wrap:wrap;gap:6px}.zombie-motion button{flex:1;padding:8px 7px;font:11px inherit;white-space:nowrap;border:1px solid #555248;background:#222526;color:#dddcd6;border-radius:4px;cursor:pointer}.zombie-motion .clip-list button{flex-basis:43%}.zombie-motion button.selected,.zombie-motion button:hover{color:#ffe0a6;border-color:#c6a368;background:#413a2d}.zombie-motion .motion-actions{margin-top:12px}.zombie-motion .playback{display:flex;gap:6px;margin-top:8px}.zombie-motion select{width:90px;font-size:11px;padding:5px;background:#222526;color:#dddcd6}.zombie-motion input[type=range]{width:100%;margin:12px 0 6px;accent-color:#dfb580}.zombie-motion output{display:block;white-space:normal;font-size:11px;line-height:1.7;min-height:36px;color:#d3bf9d}.zombie-motion .return-option{display:flex;align-items:center;gap:6px;margin:10px 0;font-size:11px;letter-spacing:0;color:#ccc}.zombie-motion .return-option input{width:auto;margin:0}.zombie-motion .motion-credit{font-size:10px;line-height:1.8;color:#a6aa9e;margin:8px 0 0}.zombie-motion a{color:#d8b46d}.zombie-motion button:disabled{opacity:.4;cursor:default}.zombie-motion :focus-visible{outline:2px solid #dfc08b;outline-offset:3px}
.zombie-animated .comparison{grid-template-columns:1fr}.zombie-animated .reference{display:none}.zombie-animated.show-reference .comparison{grid-template-columns:1fr 1fr}.zombie-animated.show-reference .reference{display:flex}.zombie-animated header a:nth-of-type(3){display:none}
@media(max-width:720px){.zombie-animated main{display:grid;grid-template-columns:190px minmax(0,1fr);height:calc(100dvh - 98px);min-height:0}.zombie-animated aside{padding:16px 10px;overflow-y:auto}.zombie-animated .comparison,.zombie-animated .model{min-height:0}.zombie-animated .intro{font-size:11px}.zombie-animated footer{height:38px;padding:8px;font-size:9px;overflow:hidden}.zombie-animated .panel-title{padding:0 8px}.zombie-animated .hint{font-size:9px;padding:0 10px}.zombie-animated.show-reference .comparison{grid-template-columns:1fr;grid-template-rows:35% 65%}.zombie-animated .reference{padding:34px 5px 5px}.zombie-animated .reference img{height:100%;max-height:220px}.zombie-animated .zombie-motion{padding:8px}.zombie-animated .zombie-motion button{font-size:10px}.zombie-animated h1{font-size:26px}}
.town-zombie-motion{position:fixed;z-index:3;top:64px;left:12px;width:218px;max-height:calc(100dvh - 200px);overflow-y:auto}.town-zombie-motion[hidden]{display:none}.inspect-zombie .chapter,.inspect-zombie aside,.inspect-zombie .sequence-row,.inspect-zombie #playback,.inspect-zombie #subtitle{display:none}.inspect-zombie #viewport{left:242px}.inspect-zombie .footnote{margin-top:10px}.inspect-zombie footer{padding-top:12px}
.town-zombie-motion>label{display:block;padding:10px;background:#1a1e1ef0;color:#dec18e;font-size:12px;border:1px solid #575247;border-radius:6px}.town-zombie-motion>label select{padding:6px;background:#222526;color:#dddcd6;border:1px solid #575247}.town-zombie-motion>.zombie-motion{margin-top:6px}
@media(max-width:720px){.town-zombie-motion{left:6px;width:184px;padding:8px}.inspect-zombie #viewport{left:196px}.inspect-zombie .footnote{font-size:8px}.inspect-zombie header{gap:10px}}