main{max-width:1500px;padding:36px 30px}h1{font-size:clamp(2rem,4vw,3.5rem);margin:12px 0}.show-toolbar{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0 14px;align-items:center}.show-toolbar label{display:flex;gap:10px;align-items:center}.show-toolbar select{padding:12px;border:1px solid #bbc8ba;background:white;color:#224839;border-radius:8px;font:inherit;max-width:310px}.show-stage{position:relative;border:1px solid #b8c8b9;border-radius:18px;overflow:hidden;background:#e7ebe2}#scene{display:block;width:100%;height:min(72vh,800px);min-height:420px;touch-action:none;outline-offset:-5px}#progress{position:absolute;left:18px;bottom:12px;background:#ffffffeb;padding:10px 16px;border-radius:10px;pointer-events:none}.show-foot{display:flex;align-items:center;justify-content:space-between;gap:20px}@media(max-width:650px){main{padding:20px 12px}.show-toolbar{gap:8px}.show-toolbar select{max-width:200px}#scene{height:60vh;min-height:380px}.show-foot{display:block}}

.show-toolbar button{background:#fff;border:1px solid #b8c8b9;border-radius:8px;padding:12px 17px;color:#294c3a;cursor:pointer;font:inherit}.show-toolbar button:hover{background:#dce5d6}