.brand strong{font:700 30px Helvetica,Arial,sans-serif;letter-spacing:-.08em;line-height:1}
.angles{height:clamp(240px,calc(100dvh - 455px),580px)}
.live-switch{display:flex;gap:10px;align-items:center;margin-bottom:15px;font-size:10px}.live-switch span{margin-left:auto;font-size:9px}
.inspector{max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:thin}
@media(max-width:800px){.brand strong{font-size:26px}.angles{height:65vw;max-height:420px;min-height:240px}.inspector{max-height:none;overflow:visible}.live-switch{flex-wrap:wrap}.live-switch span{width:100%;margin-left:0}}

.camera-switch{display:none}.wave-detail{position:relative;min-width:0;align-self:center}#spectrum{display:block;height:86px;touch-action:pan-y;cursor:crosshair}#wave-cursor{position:absolute;top:14px;bottom:0;width:1px;background:#ff6960;pointer-events:none}.bass{color:#479dff}.mids{color:#ffb251}.highs{color:#f1f1e9}.sound-label strong{font-size:18px}.sound-panel{grid-template-columns:145px 1fr}.sound-label>span:last-child{line-height:1.6}
@media(max-width:800px){.camera-switch{display:flex;gap:6px;margin:0 0 10px}.camera-switch button{flex:1;min-width:0;padding:8px 4px;font-size:10px;min-height:45px}.camera-switch button span{font:8px monospace;opacity:.6}.camera-switch small{display:block;font:7px monospace;margin-top:4px}.camera-switch .selected small{color:#555}.angles,.angles.focus{display:block;height:min(72dvh,540px);min-height:280px;max-height:none}.angles .angle{display:none;height:100%;width:100%}.angles .angle.active{display:block}.angles .angle video{object-fit:contain}.angle-info{display:flex!important;font-size:9px}.angle-label{font-size:9px!important;padding:7px!important}.transport #focus-mode,.transport #volume{display:none}.sound-panel{grid-template-columns:1fr;gap:9px;padding:15px 0}.sound-label{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.sound-label strong{font-size:14px}.sound-label>span:last-child{width:100%}.frequency-key{grid-column:1;justify-content:space-between;font-size:8px}.sound-panel #spectrum{height:95px}.frequency-key small{display:none}.has-grain .grain-overlay{display:none}}

.phone-playback .camera-switch{display:flex;gap:6px;margin:0 0 10px}.phone-playback .camera-switch button{flex:1;min-width:0;padding:8px 4px;font-size:10px;min-height:45px}.phone-playback .camera-switch small{display:block;font:7px monospace;margin-top:4px}.phone-playback .camera-switch .selected small{color:#555}.phone-playback .angles,.phone-playback .angles.focus{display:block;height:min(46dvh,420px);min-height:220px;max-height:none}.phone-playback .angles .angle{display:none;height:100%;width:100%}.phone-playback .angles .angle.active{display:block}.phone-playback .angles .angle video{object-fit:contain}.phone-playback #focus-mode,.phone-playback #volume{display:none}

.wave-tools{grid-column:2;display:flex;justify-content:space-between;align-items:center;color:#888;font:8px monospace}.wave-tools label{display:flex;align-items:center;gap:8px}.wave-tools select{padding:4px;font:9px monospace}.wave-tools+ .frequency-key{grid-column:2}@media(max-width:800px){.wave-tools,.wave-tools+ .frequency-key{grid-column:1}}

@media(max-width:800px){.transport button{min-width:40px;min-height:44px}.inspector label>input:not([type=checkbox]),.inspector label>select,dialog input,dialog select,.library-heading input,.library-heading select,.wave-tools select,.zoom-label select{font-size:16px!important}.timeline-tools button{min-height:36px}.transport{flex-wrap:wrap}}