.whlr-production{font:inherit;line-height:1.5;color:inherit}.whlr-production [hidden]{display:none!important}.whlr-production-controls,.whlr-production-playback{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:1rem;background:#10202a;color:#fffaf0}.whlr-production-controls label,.whlr-production-playback label{display:flex;align-items:center;gap:.5rem}.whlr-production-controls select{font:inherit;padding:.5rem;background:#fffaf0;color:#132524;max-width:100%}.whlr-production-status{width:100%;margin:.2rem 0;font-size:.9rem}.whlr-production-controls button[aria-pressed=true]{outline:2px solid #d8ac68;outline-offset:2px}.whlr-production-reading{width:100%;max-width:960px;margin:auto}.whlr-production-panel{position:relative!important;line-height:0;margin:0!important;padding:0!important;isolation:isolate;overflow:hidden;background:#17383a}.whlr-production-art{width:100%!important;height:auto!important;max-width:none!important;display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.whlr-production-props,.whlr-production-lettering,.whlr-production-writing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.whlr-production-props,.whlr-production-writing{z-index:1}.whlr-production-lettering{z-index:2}.whlr-production-copy{height:100%;margin:0;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Comic Neue",sans-serif;font-weight:400;line-height:1.12;color:#16221e;white-space:pre-line;word-break:normal;overflow-wrap:normal;letter-spacing:0}.whlr-production-copy[lang=ko]{font-family:"Noto Sans KR",sans-serif;word-break:keep-all}.whlr-production-copy[lang=ja]{font-family:"Noto Sans JP",sans-serif;word-break:normal;line-break:strict}.whlr-production-panel .wh-strip-enlarge{position:absolute!important;top:8px;right:8px;z-index:4;margin:0!important}.whlr-production-watch{width:100%;max-width:720px;margin:auto}.whlr-production-stage{width:100%;aspect-ratio:2/3;display:grid;place-items:center;overflow:hidden;background:#071018;line-height:0}.whlr-production-stage .whlr-production-panel{width:100%;max-height:100%}.whlr-production-caption{min-height:5.5em;background:#071018;color:#fffaf0;padding:1rem;text-align:center;font-size:1.1rem;line-height:1.45}.whlr-production-caption strong{display:block;font-size:.8em;color:#d8ac68}.whlr-production-playback input[type=range]{flex:1;min-width:110px}.whlr-production-transcript{padding:1rem;line-height:1.6}.whlr-production-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;inset:0;background:#071018;color:#fffaf0;overflow:auto}.whlr-production-dialog::backdrop{background:#071018}.whlr-production-expanded .whlr-production-controls{position:sticky;top:0;z-index:10}.whlr-production-expanded>.whlr-note,.whlr-production-expanded>.whlr-review-links{display:none}.whlr-production-expanded .whlr-production-watch{max-width:min(640px,44vh)}.whlr-production-expanded .whlr-production-reading{max-width:960px}
@media(max-width:600px){.whlr-production-controls,.whlr-production-playback{padding:.65rem;gap:.45rem}.whlr-production-controls .wh-button{font-size:.85rem;padding:.55rem .7rem}.whlr-production-expanded .whlr-production-watch{max-width:100%}.whlr-production-caption{font-size:1rem}.whlr-production-controls select{font-size:1rem}}

.whlr-production-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.whlr-production-stage .whlr-production-panel{transform-origin:center center}.whlr-production-enhanced .whlr-production-fallback{display:none}.whlr-production-fallback{line-height:1.5;padding:.5rem 1rem}

/* Fit both landscape and portrait panels without clipping or a tall empty stage. */
.whlr-production-stage{--whlr-stage-height:clamp(240px,54svh,540px);height:var(--whlr-stage-height);aspect-ratio:auto}.whlr-production-stage .whlr-production-panel{width:min(100%,calc(var(--whlr-stage-height) * var(--whlr-panel-ratio)));max-height:none}.whlr-production-expanded .whlr-production-watch{max-width:960px}

/* The effect canvas follows each source image; speech stays outside Watch art. */
.whlr-environment{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}

/* Watch occupies the viewport. All artwork layers fit together without cropping.
   Menus and playback controls fade away; story captions always remain visible. */
.whlr-production-dialog.whlr-dialog-motion{overflow:hidden}
.whlr-production-expanded.whlr-motion-full{position:relative;width:100%;height:100dvh;overflow:hidden;--whlr-playback-height:80px}
.whlr-motion-full .whlr-production-watch{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0}
.whlr-motion-full .whlr-production-stage{position:absolute;inset:0;width:100%;height:100%;max-height:none;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.whlr-motion-full .whlr-production-stage .whlr-production-panel{max-width:none!important;max-height:none;place-self:center}
.whlr-motion-full .whlr-production-controls{position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(#071018ed,#071018b0);padding:.7rem 1rem}
.whlr-motion-full .whlr-production-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.whlr-motion-full .whlr-production-caption{position:absolute;z-index:5;bottom:var(--whlr-playback-height);left:50%;transform:translateX(-50%);width:min(920px,100%);box-sizing:border-box;min-height:0;padding:.75rem 1rem;background:rgba(7,16,24,.3);border-radius:.5rem .5rem 0 0;font-size:clamp(1rem,2vw,1.45rem);text-shadow:0 1px 3px #000,0 0 5px #0009}
.whlr-motion-full .whlr-production-playback{position:absolute;inset:auto 0 0;z-index:6;box-sizing:border-box;width:100%;padding:.7rem max(1rem,env(safe-area-inset-right)) max(.7rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#071018e8}
.whlr-motion-full .whlr-production-watch>p,.whlr-motion-full>.whlr-production-transcript{display:none}
.whlr-motion-full .whlr-production-controls,.whlr-motion-full .whlr-production-playback{transition:opacity .18s ease}
.whlr-motion-full.whlr-motion-idle{cursor:none}
.whlr-motion-full.whlr-motion-idle .whlr-production-controls,.whlr-motion-full.whlr-motion-idle .whlr-production-playback{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.whlr-motion-full .whlr-production-controls,.whlr-motion-full .whlr-production-playback{transition:none}}
@media(max-width:600px){.whlr-motion-full .whlr-production-controls{padding:.5rem;gap:.4rem}.whlr-motion-full .whlr-production-playback{gap:.4rem;padding:.5rem .5rem max(.5rem,env(safe-area-inset-bottom))}.whlr-motion-full .whlr-production-playback .wh-button{font-size:.8rem;padding:.5rem .65rem}.whlr-motion-full .whlr-production-playback label,.whlr-motion-full .whlr-production-playback span{font-size:.85rem}.whlr-motion-full .whlr-production-playback input[type=range]{min-width:90px}.whlr-motion-full .whlr-production-caption{padding:.6rem .75rem}}
