#viewport{position:relative;padding-top:46px;padding-right:54px}
#viewport canvas{position:absolute;left:0;top:0;width:100%;height:100%}
.viewRollControl{position:absolute;z-index:20;left:56px;right:66px;top:7px;height:34px;display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:8px;background:#fffffff0;box-shadow:0 1px 7px #0002}.viewRollControl input{flex:1;min-width:80px}.viewPitchControl{position:absolute;z-index:20;right:7px;top:58px;bottom:46px;width:42px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:8px;background:#fffffff0;box-shadow:0 1px 7px #0002}.viewPitchControl input{writing-mode:vertical-lr;direction:rtl;width:24px;flex:1;min-height:120px}.viewPitchControl output{font-size:11px;white-space:nowrap}.viewControlLabel{font-size:12px;color:#33444d;white-space:nowrap}.viewRollControl output{min-width:44px;text-align:right;font-size:12px}@media(max-width:760px){.viewRollControl{left:38px;right:58px}.viewControlLabel{font-size:11px}.viewPitchControl{top:52px;bottom:36px}}