:root{color-scheme:dark;font:14px system-ui,sans-serif;background:#10151d;color:#e7edf6}*{box-sizing:border-box}body{margin:0}main{max-width:1300px;margin:auto;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}section{background:#1a222e;border:1px solid #334155;border-radius:10px;padding:16px;min-width:0}h1,h2{font-size:16px;font-weight:600;margin:0 0 14px}.title{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.title select{max-width:125px}video{width:100%;display:block;background:#000;aspect-ratio:16/9}audio-channel-mixer{display:block;width:100%;height:280px}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.controls label{display:flex;flex:1;align-items:center;gap:8px}.controls input{width:100%}button,select{font:inherit;background:#263346;border:1px solid #4b607b;border-radius:5px;color:inherit;padding:7px 10px}button{cursor:pointer}button:disabled{opacity:.5}.volume{display:flex;align-items:center;gap:10px;margin-top:14px}.volume input{flex:1;width:80px}dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:9px 16px;margin:0}dt{color:#aabbd0}dd{margin:0;overflow-wrap:anywhere}p{margin:12px 0 0;color:#f8bb88}a{color:#a2cbff;margin-left:10px}#export{margin-top:16px}@media(max-width:720px){main{grid-template-columns:1fr;padding:10px}audio-channel-mixer{height:300px}}