.sfx-panel{margin-top:16px}.sfx-settings{display:flex;align-items:center;gap:30px;padding-bottom:16px;border-bottom:1px solid var(--line)}.sfx-auto{display:flex;align-items:center;gap:12px;white-space:nowrap}.sfx-auto input{width:22px;height:22px;accent-color:var(--green)}.sfx-volumes{display:flex;gap:24px;flex:1}.sfx-volumes>label{flex:1}.gain-control{display:flex;align-items:center;gap:12px;min-height:44px}.gain-control input{min-width:40px;flex:1;accent-color:var(--green)}.gain-control output{font-size:12px;color:var(--muted);min-width:36px}.sfx-picker{display:grid;grid-template-columns:200px 1fr auto;gap:14px;align-items:end}.sfx-picker>button{margin-bottom:8px}.sfx-picker select{margin-top:6px}.sfx-audition{display:flex;align-items:center;gap:20px;padding:12px 0}.sfx-audition audio{height:44px;max-width:100%;width:320px}.sfx-events{display:grid;gap:10px;margin-top:12px}.sfx-event{display:grid;grid-template-columns:minmax(150px,2fr) 110px minmax(100px,1fr) auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#fafbf9}.sfx-event label{margin:0}.sfx-event input[type=number],.sfx-event select{margin-top:6px}.sound-binding{padding-top:8px;margin-top:10px;border-top:1px solid var(--line)}.sound-binding label{font-size:12px}.sound-binding select{margin-top:6px;max-width:100%;font-size:12px}.track.sounds .timeline-piece{background:#e9e2f2;border-color:#d4c4e6;color:#60487a}.track-content{height:44px}@media(max-width:800px){.sfx-settings{display:block}.sfx-volumes{gap:16px}.sfx-picker{grid-template-columns:1fr 1fr}.sfx-picker>button{grid-column:1 / -1}.sfx-audition{flex-wrap:wrap;gap:0}.sfx-event{grid-template-columns:minmax(0,1fr) 95px;gap:12px}.sfx-event>label:nth-child(3){grid-column:1}.sfx-event>button{grid-column:2}.sfx-panel input[type=number],.sfx-panel select{font-size:16px}.sfx-panel .section-heading>.hint{text-align:right;font-size:11px}}
.sfx-volumes>label,.sfx-picker>label,.sfx-event>label{min-width:0}.gain-control input{width:0}.sfx-picker{grid-template-columns:200px minmax(0,1fr) auto}@media(max-width:800px){.sfx-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}