.match-playback{display:flex;align-items:center;gap:5px;min-width:0}
.match-playback input{width:130px;min-width:60px;padding:0;height:16px;accent-color:#087f5b;cursor:pointer}
.match-playback output{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
#referenceControls #referenceName{max-width:210px;overflow:hidden;text-overflow:ellipsis}
#recordDialog .settings-fields{gap:16px}
#recordDialog .external-capture-settings{padding-top:14px;border-top:1px solid #e3ece5;margin-top:4px}
#recordDialog .external-capture-settings summary{color:#758c7d;font-size:12px;cursor:pointer;list-style-position:inside}
#recordDialog .external-capture-settings p{font-size:11px;line-height:1.8;color:#82988a;margin:12px 0}
#recordDialog .external-capture-settings label{display:grid;gap:8px;margin-top:12px}
#recordDialog .external-capture-settings select{width:100%;font-size:12px}
#recordDialog #sourceState{font-size:11px;line-height:1.6;min-height:1.6em;overflow-wrap:anywhere}
#recordDialog #captureFooter{font-size:11px;line-height:1.6;color:#82988a}
.preview-tabs #matchVideoTab{white-space:nowrap}
@media(max-width:1100px){.match-playback input{width:85px}.reference-controls{gap:5px}#referenceControls #referenceName{max-width:130px}.reference-controls>span{margin-right:0}}
@media(max-width:760px){.match-playback{flex:1;min-width:230px;justify-content:flex-start;flex-wrap:wrap}.match-playback input{flex:1;max-width:140px}.preview-tabs #matchVideoTab{font-size:10px}#recordDialog .settings-grid{grid-template-columns:1fr}}