#noise-mixer-app{display:grid;gap:20px}#noise-mixer-app [hidden]{display:none!important}#noise-mixer-app .noise-range{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 0}#noise-mixer-app .noise-range input{min-width:0;width:100%;accent-color:var(--site-accent,#2563eb)}#noise-mixer-app .noise-range output{font-variant-numeric:tabular-nums;min-width:3.5em;text-align:end;color:var(--site-text)}#noise-mixer-app button{min-height:46px;white-space:normal}#noise-mixer-app .noise-settings{border:1px solid var(--site-border);border-radius:12px;padding:16px}#noise-mixer-app summary{cursor:pointer;font-weight:600;min-height:32px}#noise-mixer-app details[open]>summary{margin-bottom:16px}#noise-mixer-app .noise-save-field{grid-row:auto;align-self:end;display:flex;align-items:end}#noise-mixer-app .noise-save-field button{width:100%}#noise-saved{display:grid;gap:10px;margin-top:16px}.noise-saved-row{display:flex;gap:10px;align-items:center}.noise-saved-row>button:first-child{flex:1;text-align:start;overflow-wrap:anywhere;min-width:0}.noise-saved-row>button:last-child{flex:none}#noise-progress{width:100%;height:12px;margin-top:14px}#noise-mixer-app .noise-track-field{min-width:0}@media(max-width:500px){.noise-saved-row{align-items:stretch}.noise-saved-row>button:last-child{max-width:42%}}

.noise-name-control{display:flex;gap:10px;align-items:stretch}.noise-name-control input{flex:1;min-width:0}.noise-name-control button{flex:none;max-width:40%}

@media (min-width:340px) and (max-width:760px) { #noise-mixer-app #noise-tracks { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } #noise-mixer-app #noise-tracks .noise-range { gap:6px; } #noise-mixer-app #noise-tracks output { min-width:38px; flex:none; white-space:nowrap; } }
#noise-mixer-app .tool-select{appearance:none;min-height:46px;padding-inline-end:32px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 10px) 50%;background-size:6px 6px;background-repeat:no-repeat}#noise-mixer-app .noise-duration-shortcuts{margin-bottom:16px}#noise-remaining{min-height:1.5em;font-variant-numeric:tabular-nums}html[dir=rtl] #noise-mixer-app .tool-select{background-position:16px 50%,10px 50%}