body{height:100dvh;overflow:hidden}header{background:#f7f8f2;height:116px;padding:12px 24px}header h1{margin:2px 0;font-size:20px}header a{font-size:12px}header p{margin:2px 0}main{grid-template-columns:minmax(0,1fr) 340px;height:calc(100dvh - 116px);min-height:0}.stage{height:100%;min-height:0;position:relative}aside{scrollbar-width:thin;overscroll-behavior:contain;padding:8px 22px 24px;overflow-y:auto}.inspector-group{border-bottom:1px solid #d6dfd1;padding:14px 0}.inspector-group>summary{padding:4px 0 10px;font-size:13px;font-weight:650}.inspector-group label{font-size:12px}.inspector-group .note{font-size:11px;line-height:1.8}.camera-bar{gap:6px;display:flex;position:absolute;top:48px;left:22px}.camera-bar button{background:#ffffffe0;padding:6px 10px;font-size:12px}.pose-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafcf6ed;border:1px solid #ced9c8;border-radius:12px;padding:12px 16px;position:absolute;bottom:18px;left:22px;right:22px;box-shadow:0 5px 20px #334d3710}.pose-bar label{margin:0 0 8px;font-size:12px}.pose-bar input{margin:8px 0 0}.pose-bar .buttons{justify-content:flex-end}.pose-bar button{padding:6px 11px;font-size:12px}.stage-note{font-size:10px;bottom:144px}#state,.metric{font-size:11px}aside>details:last-of-type{margin-top:18px}@media (max-width:760px){body{height:auto;overflow:auto}header{height:auto;min-height:116px;padding:12px 18px}main{grid-template-columns:1fr;height:auto}.stage{height:60dvh;min-height:410px}aside{overflow:visible}.camera-bar{left:14px}.pose-bar{bottom:12px;left:12px;right:12px}.stage-note{display:none}#state{left:14px}}