*{box-sizing:border-box}body{margin:0;background:#f4f3ed;color:#313e38;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}main{max-width:1480px;margin:auto;padding:24px 40px}header{display:flex;align-items:center;gap:20px;height:43px}.brand{font-size:37px;letter-spacing:-2.4px;font-weight:800;color:inherit;text-decoration:none}.brand span{color:#bd8062}.divider{height:20px;width:1px;background:#cdd4cb}.lab{font-size:10px;font-weight:650;letter-spacing:.16em;color:#7d897e}.back{margin-left:auto;font-size:12px;text-decoration:none;color:inherit}.heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 20px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#8a9588;margin:0 0 8px}h1{font-size:31px;letter-spacing:-1.2px;margin:0;font-weight:650}.intro{font-size:13px;color:#83917f;margin:9px 0 0}.draft{font-size:11px;display:flex;gap:7px;align-items:center;color:#7b8c73}.draft i{height:5px;width:5px;background:#8ca47d;border-radius:100%}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modes{display:flex;gap:5px}.modes button{padding:9px 16px;border:1px solid transparent;border-radius:30px;background:transparent;font-size:12px;color:#7b8a78}.modes button[aria-pressed=true]{background:#3e544a;color:#fff}.modes button:hover{border-color:#b5c2aa}.gesture{display:flex;gap:15px;opacity:.5}.gesture svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.model{position:relative;min-width:0;background:#e8e9df;border:1px solid #d4dbcc;border-radius:18px;overflow:hidden}.card-heading{position:absolute;top:22px;left:22px;z-index:2;pointer-events:none}.kicker{font-size:9px;font-weight:600;letter-spacing:.14em;color:#83947b}h2{font-size:17px;font-weight:550;margin:6px 0 0;letter-spacing:-.5px}.action-name{position:absolute;top:24px;right:20px;font-size:10px;color:#7f9077;z-index:2}.view{height:clamp(370px,56svh,640px);width:100%;position:relative;touch-action:none}.view canvas{width:100%;height:100%;display:block}.loading{position:absolute;inset:0;display:grid;place-content:center;background:#e8e9df;font-size:30px;letter-spacing:-2px;font-weight:750;z-index:3}.loading span{color:#c68c66;animation:pulse 1s infinite}.loaded .loading{display:none}.card-foot{position:absolute;bottom:16px;left:20px;right:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px;font-size:9px;color:#87967e;pointer-events:none}.asset-info{opacity:.7}.playback{display:flex;align-items:center;gap:12px;padding:15px 3px 8px}.playback button{border:0;background:transparent;width:28px;height:28px;font-size:16px;border-radius:6px}.playback button:hover{background:#dce4d5}#activity{font-size:11px;min-width:63px;color:#809275}.timeline{height:3px;flex:1;background:#dce3d3;overflow:hidden;border-radius:4px}#progress{height:100%;background:#98aa85;width:0}#angle{width:auto;font-size:11px;white-space:nowrap}#speed{font-size:11px}footer{display:flex;gap:20px;margin-top:12px;color:#8a987f;font-size:10px;align-items:center}footer a{color:inherit}#ready-state{margin-left:auto}.mobile-characters{display:none}button:focus-visible,a:focus-visible{outline:2px solid #c7986f;outline-offset:4px}@keyframes pulse{50%{opacity:.25}}
@media(prefers-color-scheme:dark){body{background:#1d2622;color:#e6e9dd}.lab,.intro,.draft{color:#9daa95}.divider{background:#455444}.model,.loading{background:#303d36;border-color:#465947}.kicker,.action-name{color:#a6bb96}.card-foot{color:#bcc7ad}.modes button{color:#aebca3}.modes button[aria-pressed=true]{background:#c9d6b6;color:#26392b}.playback button:hover{background:#3e5240}.timeline{background:#405441}#progress{background:#c1ceaa}#activity,footer{color:#a8b999}}
@media(max-width:760px){main{padding:18px 16px}.brand{font-size:32px}.lab{font-size:9px}header{gap:13px}.heading{margin-top:25px}h1{font-size:27px}.intro{font-size:12px}.draft{font-size:10px}.modes{gap:0}.modes button{padding:9px 12px;font-size:11px}.gesture{gap:10px;margin-right:6px}.gesture svg{width:15px;height:15px}.mobile-characters{display:flex;gap:15px;margin:0 0 13px}.mobile-characters button{padding:4px 0;border:0;border-bottom:1px solid transparent;background:transparent;font-size:11px;opacity:.55}.mobile-characters button[aria-pressed=true]{opacity:1;border-color:currentColor}.comparison{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px}.comparison::-webkit-scrollbar{display:none}.model{flex:0 0 100%;scroll-snap-align:center}.view{height:clamp(380px,57svh,560px)}.playback{gap:9px}footer{font-size:9px;gap:12px}.asset-info{font-size:8px}.card-heading{left:20px}#ready-state{display:none}}
@media(prefers-reduced-motion:reduce){.loading span{animation:none}}