.recording-section{min-width:0}.recording-player{color:#f3efe2;background:#111;width:100%}.recording-stage{aspect-ratio:16/9;background:#000;position:relative}.recording-stage video{object-fit:contain;width:100%;height:100%}.recording-play-overlay{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.recording-play-overlay span{background:#000b;border:1px solid #fff8;border-radius:50%;place-items:center;width:64px;height:64px;font-size:24px;display:grid}.recording-controls{flex-wrap:wrap;align-items:center;gap:4px 14px;padding:8px 14px;font-size:12px;display:flex}.recording-controls button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:0 10px}.recording-controls :focus-visible{outline-offset:3px;outline:2px solid #99eaf0}.recording-seek{accent-color:#99eaf0;flex-basis:100%;width:100%;height:20px}.recording-time{font-variant-numeric:tabular-nums;color:#c7c7c7}.recording-quality{align-items:center;gap:8px;margin-left:auto;display:flex}.recording-quality select{min-height:44px;color:inherit;background:#242424;border:1px solid #444;padding:0 8px}.recording-volume{align-items:center;gap:8px;display:flex}.recording-volume input{accent-color:#99eaf0;width:75px}.recording-feedback{padding:10px 14px;font-size:13px}.recording-feedback button{min-height:44px;text-decoration:underline}.recording-player:fullscreen{flex-direction:column;justify-content:center;display:flex}.recording-player:fullscreen .recording-stage{aspect-ratio:auto;flex:1;min-height:0}@media (max-width:600px){.recording-controls{gap:0 10px;padding:6px 10px}.recording-quality{margin-left:0}.recording-volume{margin-left:auto}}.recording-seek,.recording-volume input{min-height:44px}