.scene-dialog{width:min(960px,96vw);max-width:100vw;max-height:95dvh;padding:0;border:1px solid #d3dfce;border-radius:16px;background:#f6f8f2;color:#182c22;overflow:auto}.scene-dialog::backdrop{background:#0e211bc9}.scene-shell{padding:20px}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.scene-heading h2{font-size:24px;margin:4px 0 16px}.scene-heading p{font-size:12px;letter-spacing:.08em;margin:0}.scene-choice{display:flex;gap:12px;align-items:center;margin-bottom:14px}.scene-dialog select{font:inherit;padding:9px;max-width:100%;border:1px solid #b4c3ad;border-radius:8px;background:white;color:#182c22}.scene-stage{background:#234d3c;border-radius:10px;overflow:hidden}.scene-stage svg{display:block;width:100%;height:auto;aspect-ratio:340/200;max-height:56dvh;touch-action:none;user-select:none}.scene-controls,.scene-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.scene-dialog .btn{min-height:44px;font-size:14px}.scene-controls label{display:flex;gap:8px;align-items:center}.scene-caption{font-size:16px;font-weight:650;min-height:24px;margin:12px 0}.scene-timeline{display:flex;gap:12px;align-items:center;margin:12px 0}.scene-timeline label{display:flex;align-items:center;gap:12px;flex:1}.scene-timeline input{width:100%;min-width:60px;min-height:32px;accent-color:#315d36}.scene-time{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.scene-help{font-size:14px;line-height:1.5;margin:12px 0 0}.scene-zoom{min-width:48px;text-align:center}.scene-present{position:fixed;inset:0;width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.scene-present .scene-shell{height:100%;display:flex;flex-direction:column;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.scene-present .scene-choice,.scene-present .scene-help,.scene-present .scene-heading p{display:none}.scene-present .scene-heading h2{font-size:18px;margin:0}.scene-present .scene-heading{margin-bottom:8px}.scene-present .scene-stage{flex:1;min-height:80px}.scene-present .scene-stage svg{height:100%;max-height:none}.scene-present .scene-caption{margin:6px 0}.scene-present .scene-timeline{margin:5px 0}@media(max-width:600px){.scene-shell{padding:12px}.scene-choice{display:block}.scene-choice select{display:block;width:100%;margin-top:6px}.scene-heading h2{font-size:19px}.scene-heading{gap:8px}.scene-dialog{width:100vw;max-height:100dvh;border-radius:0}.scene-controls{gap:5px}.scene-controls .btn{padding:8px 10px;flex:1}.scene-timeline{flex-wrap:wrap;gap:4px}.scene-timeline label{flex-basis:100%}.scene-time{margin-left:auto}.scene-help{font-size:14px}.scene-present .scene-heading h2{font-size:16px}.scene-present .scene-controls .btn{min-height:40px}.scene-present .scene-tools .btn{min-height:40px}}