.panel{margin-bottom:20px}.panel h2{font-size:14px;letter-spacing:1px}.panel p{line-height:1.6}#notice{color:#ffb5a7;white-space:pre-wrap}.button input[type=file]{display:none}.button{cursor:pointer}#tracks{display:grid;gap:12px;margin-top:18px}.track{background:#0a1520;border:1px solid #29495c;border-radius:12px;padding:16px;display:grid;grid-template-columns: minmax(160px,1fr) minmax(150px,1fr) 110px 180px;gap:16px;align-items:center}.track .identity{min-width:0}.track input[type=text]{width:100%;box-sizing:border-box}.track small{display:block;color:#8ba5b9;font-size:11px;margin-top:6px;overflow-wrap:anywhere}.track canvas{width:100%;height:45px;display:block;margin-top:8px}.track input[type=range]{width:100%}.track .switches{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.track .switches label{display:flex;align-items:center;gap:6px}.track input[type=checkbox]{width:auto}.track label{font-size:12px}.track output{color:#70e5dc}.track button{font-size:12px;padding:8px 12px}.track .offset input{width:100%;box-sizing:border-box}.track.muted{border-color:#39424c}.track.muted canvas{opacity:.4}#seek{width:100%;margin:18px 0}.master{display:grid;grid-template-columns:1fr 1fr;gap:28px}.master input{width:100%}.meter{height:12px;background:#071019;border:1px solid #365366;border-radius:5px;overflow:hidden;margin-top:12px}.meter i{display:block;width:0;height:100%;background:#52d9bd;transition:width .08s}.meter i.hot{background:#ff785c}#peak.hot{color:#ff927b}#sfList{max-height:600px;overflow:auto}audio{width:100%;margin-top:15px}#accountList{display:grid;gap:8px;max-height:55vh;overflow:auto}dialog{background:#0d1824;color:#dfebf4;border:1px solid #365366;border-radius:15px;max-width:90vw}#count{color:#83dbe3}output{font-weight:700}#tracks input[type=range],#master,#seek{accent-color:#31cbe4}@media(max-width:1100px){.track{grid-template-columns:minmax(130px,1fr) 1fr}.master{grid-template-columns:1fr}}@media(max-width:600px){.track{grid-template-columns:1fr;gap:12px;padding:12px}.actions{flex-wrap:wrap}.panel{padding:16px!important}#projects{max-width:100%}.fields{grid-template-columns:1fr!important}}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0}.fields label{display:grid;gap:8px}.panel>label{display:grid;gap:8px;max-width:480px}progress{display:block;width:100%;height:9px;margin:18px 0;accent-color:#31cbe4}#downloads a{display:inline-block;padding:10px 14px;border:1px solid #39bbc5;border-radius:8px;color:#83f5ed;text-decoration:none}#downloads a:hover{background:#12323d}
