@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#252a28;background:#f0eee5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{min-width:320px;min-height:420px}button,select,input{font:inherit}.viewer{min-height:100%;display:flex;flex-direction:column;padding:0 24px 22px}.viewer-header{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d6ce}.wordmark{color:#252a28;font-size:14px;font-weight:800;text-decoration:none}.wordmark span{color:#78952d}.load-button{padding:9px 13px;color:#f6f5ef;border-radius:3px;background:#292f2d;font-size:11px;font-weight:700;cursor:pointer}.load-button:hover{background:#404745}#model-file{display:none}.stage-area{min-height:0;flex:1;position:relative;margin:18px 0 0;overflow:hidden;background:#e7e5dc}.stage-area:before{position:absolute;inset:0;content:"";opacity:.23;pointer-events:none;background-image:linear-gradient(#c4c3ba 1px,transparent 1px),linear-gradient(90deg,#c4c3ba 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse at center,black 0,transparent 78%);mask-image:radial-gradient(ellipse at center,black 0,transparent 78%)}.stage-caption{position:absolute;top:16px;left:17px;right:17px;z-index:1;display:flex;justify-content:space-between;color:#858b83;font:9px DM Mono,monospace}#character{width:100%;height:100%;display:block}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;pointer-events:none}.empty-state[hidden]{display:none}.empty-state p{margin:0;color:#72796f;font-size:12px;font-weight:600}.figure{width:79px;height:92px;position:relative}.figure i{position:absolute;display:block;border:1px solid #8caa46;background:#b7d56b28}.figure i:nth-child(1){top:26px;left:15px;width:49px;height:60px;border-radius:19px 17px 12px 13px;transform:rotate(-8deg)}.figure i:nth-child(2){top:7px;left:28px;width:31px;height:32px;border-radius:45%;border-color:#d08a70;background:#d08a7025;transform:rotate(8deg)}.figure i:nth-child(3){top:44px;left:2px;width:26px;height:30px;border-radius:10px 4px 12px 11px;border-color:#79aca0;background:#79aca028;transform:rotate(-17deg)}.transport{height:62px;flex:0 0 62px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #d8d6ce}.clip-field{display:flex;flex-direction:column;gap:4px;color:#81877e;font:8px DM Mono,monospace}#clip{min-width:150px;height:27px;padding:0 8px;color:#333a35;border:1px solid #cfcec5;border-radius:3px;background:#f8f7f0;font-size:10px}#clip:disabled{opacity:.5}#play{width:67px;height:29px;color:#f7f6f0;border:0;border-radius:3px;background:#292f2d;font-size:10px;font-weight:700;cursor:pointer}#play:disabled{opacity:.4;cursor:default}.runtime-mark{margin-left:auto;color:#90968d;font:8px DM Mono,monospace}.runtime-mark b{margin-left:5px;color:#4b544e;font-weight:500}@media(max-width:600px){.viewer{padding:0 12px 12px}.viewer-header{height:52px;flex-basis:52px}.stage-area{margin-top:12px}.transport{height:56px;flex-basis:56px;gap:8px}#clip{min-width:115px;max-width:44vw}}