main{grid-template-columns:260px minmax(0,1fr);padding:22px 2vw;gap:16px}.viewer{min-width:0}.view-tools{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:8px}.view-tools label{margin:0;font-size:12px}.view-tools select{display:block;margin-top:6px;padding:10px 8px;border:1px solid #bbc9d8;border-radius:6px;background:#fff;color:#17263a;font:inherit}.view-tools button{min-height:37px}.frame-info{font-size:12px;color:#52657b;margin:6px 0}#viewer-stop{background:#9d3434}#stage{height:65vh;min-height:220px;overflow:auto;background:#0d1927;padding:10px;position:relative;border-radius:7px}#screen{max-width:none;max-height:none;flex:none;margin:0 auto;height:auto;outline-offset:-3px}#empty{background:transparent;color:#c3d0de}#viewer:fullscreen{width:100vw;height:100vh;max-width:none;border:0;border-radius:0;padding:14px;display:flex;flex-direction:column;background:#f1f5f9;overflow:hidden}#viewer:fullscreen #stage{flex:1;min-height:0;height:auto}#viewer:fullscreen .heading h2{margin-bottom:8px}#viewer:fullscreen .note{margin:5px 0}#viewer:fullscreen .heading{flex-shrink:0}@media(max-width:850px){main{grid-template-columns:1fr}}