.soundsHeader{align-items:flex-end}.soundsMain{padding:20px 0 36px}.soundsToolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.soundsSearch{width:min(440px,100%)}.soundsSearch input{width:100%;height:36px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:0 11px;font:inherit}.soundsSearch input:focus{outline:2px solid var(--blue);outline-offset:1px}.soundsMeta{display:grid;gap:3px;text-align:right}.soundsCount,.soundsUpdated{color:var(--muted);font-size:13px}.soundsUpdated{font-size:12px}.soundGroups{display:block}.soundGroup{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--surface);margin-bottom:10px}.soundGroup h2{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--border);background:var(--subtle);font-size:16px;font-weight:600}.soundGroup h2>span:first-child{overflow-wrap:anywhere;min-width:0}.soundGroupCount{color:var(--muted);font-size:12px;font-weight:500;white-space:nowrap}.soundNames{display:flex;flex-wrap:wrap;align-items:stretch;gap:2px;margin:0;padding:5px 6px;list-style:none}.soundNames li{min-width:0;max-width:100%;display:flex}.soundNames .soundName{min-height:30px;border-radius:3px;line-height:1.4}.soundsEmpty{padding:28px;color:var(--muted);text-align:center}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:760px){.soundsHeader{align-items:flex-start}}@media(max-width:600px){.soundsToolbar{align-items:stretch;flex-direction:column;gap:8px}.soundsMeta{text-align:left;align-self:flex-start}.soundsSearch{width:100%}}