*{box-sizing:border-box}body{margin:0;background:#071827;color:#eef7ff;font-family:Arial,sans-serif}.shell{max-width:1180px;margin:auto;padding:18px}header{display:flex;align-items:center;gap:16px;background:#06131f;border:1px solid #24445d;border-radius:18px;padding:16px}header img{width:90px}header h1{font-size:22px;margin:0;letter-spacing:1px}header p{margin:4px 0;color:#9cb2c3}header span{margin-left:auto}.status{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.status div{background:#10273a;border:1px solid #29465e;border-radius:12px;padding:12px}.status i,#header-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#22d67a;margin-right:7px}.status b,.status small{display:block}.status small{color:#9cb2c3}.card{background:#10273a;border:1px solid #29465e;border-radius:18px;padding:16px}.video{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.video video{width:100%;height:100%;object-fit:contain}.video span{position:absolute;top:12px;right:12px;background:#d71920;padding:7px 12px;border-radius:8px}.grid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px;margin-top:16px}.grid label{font-weight:bold}.grid select{margin-top:7px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions button{border:0;border-radius:10px;padding:13px 16px;font-weight:bold}.actions .go{background:#e5242a;color:white;margin-left:auto}.note{color:#b9c9d5;margin-top:15px}.invisible{display:none!important}@media(max-width:760px){.status{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.actions .go{width:100%;margin-left:0}header span{display:none}}
.audio-meter{margin-top:14px;padding:13px 14px 10px;background:#091b2a;border:1px solid #29465e;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.audio-meter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.audio-meter-head span{display:flex;align-items:baseline;gap:10px;min-width:0}.audio-meter-head b{font-size:12px;letter-spacing:.8px;color:#eaf6ff}.audio-meter-head small{font-size:11px;color:#8fa9bc}.audio-meter-head strong{font-family:Consolas,monospace;font-size:13px;color:#d9e9f4;min-width:70px;text-align:right}.audio-meter-track{position:relative;height:17px;background:linear-gradient(90deg,#132b3d 0%,#132b3d 100%);border:1px solid #36566d;border-radius:6px;overflow:hidden}.audio-meter-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(255,255,255,.12) calc(10% - 1px),rgba(255,255,255,.12) 10%);pointer-events:none}.audio-meter-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#19c978 0%,#52d84f 62%,#f2cf38 79%,#ff8c24 90%,#ef3d42 100%);transition:width .07s linear}.audio-meter-peak{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 5px rgba(255,255,255,.8);opacity:0;transition:left .08s linear,opacity .15s}.audio-meter-scale{display:flex;justify-content:space-between;margin-top:5px;color:#7893a6;font:10px Arial,sans-serif}.audio-meter.active .audio-meter-head small{color:#53dc8a}.audio-meter.hot .audio-meter-head small{color:#ffb43c}.audio-meter.clip .audio-meter-head small{color:#ff5a62}