#progressContainer[data-astro-cid-pawc3plz]{width:100%;background-color:#f3f3f3;border-radius:5px;overflow:hidden}#progressBar[data-astro-cid-pawc3plz]{width:0%;height:30px;background-color:#4caf50;text-align:center;line-height:30px;color:#fff}body{font-family:system-ui,sans-serif;color:#eee;padding:20px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}@media(orientation:landscape){#canvasAndTimeline[data-astro-cid-pawc3plz]{width:70%;height:100%}}@media(orientation:portrait){#canvasAndTimeline[data-astro-cid-pawc3plz]{width:100%;height:60dvh}}#timeline-wrap[data-astro-cid-pawc3plz]{width:100%;margin-top:8px;color:#ff0;font-family:monospace;flex-shrink:0}.timeline[data-astro-cid-pawc3plz]{display:flex;align-items:center;height:24px;touch-action:none;user-select:none}.endcap[data-astro-cid-pawc3plz]{width:12px;height:36px;background:#ff0}.endcap[data-astro-cid-pawc3plz].left{border-radius:2px 0 0 2px}.endcap[data-astro-cid-pawc3plz].right{border-radius:0 2px 2px 0}.track[data-astro-cid-pawc3plz]{position:relative;flex:1;height:12px;background:#ff0;touch-action:none;user-select:none}.played[data-astro-cid-pawc3plz]{position:absolute;height:100%;width:35%;background:#ffc800}.handle[data-astro-cid-pawc3plz]{position:absolute;top:-12px;left:35%;width:20px;height:36px;background:#ffc800;transform:translate(-50%);cursor:grab;touch-action:none;user-select:none}.keyframe[data-astro-cid-pawc3plz]{position:absolute;top:-4px;width:2px;height:14px;background:#ff0}.timeline-controls[data-astro-cid-pawc3plz]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}button[data-astro-cid-pawc3plz].icon{background:none;border:none;color:#ff0;font-size:40px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center}button[data-astro-cid-pawc3plz].playback-speed{min-width:42px;height:28px;padding:0 8px;background:#000;color:#ff0;border:1px solid #ff0;border-radius:4px;font:600 14px monospace;cursor:pointer}.frame-input[data-astro-cid-pawc3plz]{width:48px;background:#000;color:#ff0;border:1px solid #ff0;text-align:center;font-size:14px}.anim-btn{width:64px;height:64px;background:#000;color:#fc0;border:solid;border-radius:8px;border-color:#8b7000;font-size:14px;font-weight:600;word-break:keep-all;overflow-wrap:break-word;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;flex:0 0 auto}.anim-util-btn[data-astro-cid-pawc3plz]{background:#000;color:#fc0;border:solid;border-radius:8px;border-color:#8b7000;font-size:14px;font-weight:600;white-space:nowrap;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.anim-btn.active{color:#fc0;border-color:#fc0}.anim-btn.focus{outline:none}#anim-controls[data-astro-cid-pawc3plz],#anim-settings[data-astro-cid-pawc3plz],#anim-utils[data-astro-cid-pawc3plz]{display:flex;gap:8px;padding:8px;flex-wrap:wrap;align-self:flex-start;height:auto}@media(orientation:landscape){#viewer-layout[data-astro-cid-pawc3plz]{flex-direction:row}#anim-controls[data-astro-cid-pawc3plz]{flex-direction:row;width:100%}}@media(orientation:portrait){#viewer-layout[data-astro-cid-pawc3plz]{flex-direction:column}#anim-controls[data-astro-cid-pawc3plz]{flex-direction:row;width:100%}}#viewer-layout[data-astro-cid-pawc3plz]{display:flex;width:100%}.anim-checkboxes[data-astro-cid-pawc3plz]{display:flex;flex-wrap:wrap;gap:8px 12px}.checkbox-toggle[data-astro-cid-pawc3plz]{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.checkbox-toggle[data-astro-cid-pawc3plz] input[data-astro-cid-pawc3plz]{display:none}.checkbox-toggle[data-astro-cid-pawc3plz] .box[data-astro-cid-pawc3plz]{width:16px;height:16px;background:#000;outline:2px solid #ff0;outline-offset:-2px;box-sizing:content-box;flex-shrink:0;position:relative}.checkbox-toggle[data-astro-cid-pawc3plz] .box[data-astro-cid-pawc3plz]:after{content:"";position:absolute;inset:4px;background:#ff0;opacity:0}.checkbox-toggle[data-astro-cid-pawc3plz] input[data-astro-cid-pawc3plz]:checked+.box[data-astro-cid-pawc3plz]:after{opacity:1}.checkbox-toggle[data-astro-cid-pawc3plz] .label[data-astro-cid-pawc3plz]{font-size:12px;color:#ff0;line-height:1}.camera-btn[data-astro-cid-pawc3plz]{position:absolute;top:12px;right:12px;z-index:20;width:64px;height:64px;color:red;border-color:red}.camera-btn[data-astro-cid-pawc3plz]{opacity:.5;transition:opacity .15s ease}.camera-btn[data-astro-cid-pawc3plz]:hover{opacity:1}.bg-swatch{width:28px;height:28px;border-radius:4px;border:2px solid #8b7000;cursor:pointer;flex-shrink:0;box-sizing:border-box;transition:border-color .15s}.bg-swatch.active{border-color:#fc0;box-shadow:0 0 0 1px #fc0}.bg-swatch-checker{background-image:linear-gradient(45deg,#aaa 25%,transparent 25%),linear-gradient(-45deg,#aaa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#aaa 75%),linear-gradient(-45deg,transparent 75%,#aaa 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff}#bg-custom-color[data-astro-cid-pawc3plz]{width:28px;height:28px;border-radius:4px;border:2px solid #8b7000;padding:0;cursor:pointer;background:none;flex-shrink:0}#bg-custom-color[data-astro-cid-pawc3plz]::-webkit-color-swatch-wrapper{padding:2px}#bg-custom-color[data-astro-cid-pawc3plz]::-webkit-color-swatch{border:none;border-radius:2px}.subpage-search[data-astro-cid-vedk5zfl]{max-width:1100px;margin-right:auto;margin-left:0}