body[data-stage=verify] .sheet,body[data-stage=world] .sheet{height:340px;min-height:0;padding:18px;overflow:hidden}body[data-stage=verify] #preview,body[data-stage=world] #preview{width:auto;height:auto;max-width:100%;max-height:300px!important;object-fit:contain}body[data-stage=reveal] .sheet{width:100%;max-width:448px;aspect-ratio:4/5;height:auto;min-height:0;max-height:none;justify-self:center;overflow:hidden}body[data-stage=reveal] #movie{display:block;width:100%;height:auto;max-height:none;max-width:100%;object-fit:contain}#cropControls:not(.hidden){display:block!important}#preview.cropping{touch-action:none}body[data-stage=verify] #paperTools{display:none}@media(max-width:700px){body[data-stage=verify] .sheet,body[data-stage=world] .sheet{height:290px;padding:14px}body[data-stage=verify] #preview,body[data-stage=world] #preview{max-height:260px!important}body[data-stage=reveal] .sheet{max-width:340px}body[data-stage=verify] #cleanVerify,body[data-stage=verify] #crop{display:block}}

#paperTools{display:none!important}
/* Keep the preview frame stable through photo, universe and animation. */
@media(min-width:701px){body .workspace,body[data-stage="reveal"] .workspace{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:start}}
body[data-stage="reveal"] .sheet{width:100%;max-width:none;aspect-ratio:auto;height:340px;min-height:0;padding:18px;display:flex;align-items:center;justify-content:center}
body[data-stage="reveal"] #movie{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:700px){body[data-stage="reveal"] .sheet{height:290px;padding:14px;max-width:none}}
@media(min-width:701px){body[data-stage="reveal"] .aside{align-self:center}body[data-stage="reveal"] #reveal h2{margin-bottom:28px}body[data-stage="reveal"] #reveal .btn{margin-bottom:18px}body[data-stage="reveal"] #reveal .link{margin-top:8px}}
/* Give the new painted world enough room to be admired. */
body[data-stage="reveal"] .sheet{height:clamp(430px,68vh,640px);padding:12px;background:#183e36;border-color:#294d3f}
body[data-stage="reveal"] .paper{background:#fffdfa}
@media(max-width:700px){body[data-stage="reveal"] .sheet{height:clamp(330px,58svh,460px);padding:0}body[data-stage="reveal"] .paper{padding:6px}}
/* Landscape stage fills the entire player without side bars. */
body[data-stage="reveal"] .sheet{height:auto;min-height:0;aspect-ratio:16/9;padding:0;overflow:hidden;border:0;border-radius:10px}
body[data-stage="reveal"] #movie{width:100%;height:100%;display:block;object-fit:fill}
.forest-playback{display:none}
body[data-stage="reveal"] .forest-playback{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:7px;width:max-content;max-width:96%;z-index:2}
body .forest-playback .pause-player{position:static;transform:none;white-space:nowrap;padding:7px 12px}
@media(max-width:700px){body[data-stage="reveal"] .sheet{height:auto;aspect-ratio:16/9;padding:0}body .forest-playback .pause-player{font-size:11px;padding:6px 10px}body[data-stage="reveal"] .forest-playback{bottom:7px;gap:5px}}
body[data-stage="reveal"] .forest-playback{bottom:24px}
@media(max-width:700px){body[data-stage="reveal"] .forest-playback{bottom:15px}}