.sound-modal{position:fixed;inset:0;z-index:280;display:grid;place-items:center;padding:16px;background:#0009}
.sound-modal.hidden{display:none}
.sound-dialog{display:grid;grid-template-rows:48px minmax(0,1fr) 48px;width:min(560px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 32px));overflow:hidden;background:#f4f6f7;border:1px solid #8d979c;border-radius:8px;box-shadow:0 16px 48px #0007}
.sound-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;background:#07343b;color:#fff}
.sound-header>div{display:flex;align-items:center;gap:9px}
.sound-header h2{margin:0;font-size:16px}
.sound-close{display:grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;color:#fff;font-size:25px;line-height:1}
.sound-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));align-content:start;gap:8px;min-height:0;overflow:auto;padding:12px;background:#fff}
.sound-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:4px 7px;min-height:54px;padding:9px;background:#fafbfc;border:1px solid #e2e7e9;border-radius:6px;color:#25343a;text-align:left}
.sound-card:hover{border-color:#08a9ca;background:#eefbfe}
.sound-card:disabled{opacity:.55;cursor:wait}
.sound-card-icon{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#1686d9;color:#fff;font-size:12px}
.sound-card-name{min-width:0;overflow-wrap:anywhere;white-space:normal;font-size:12px;font-weight:700;line-height:1.35}
.sound-card-price{display:flex;align-items:center;gap:3px;color:#526168;font-size:11px}
.sound-card-price img{width:15px;height:15px;object-fit:contain}
.sound-empty{grid-column:1/-1;align-self:center;margin:auto;padding:20px;color:#718087;text-align:center;font-size:13px;line-height:1.6}
.sound-empty code{color:#087d91}
.sound-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#f4f6f7;border-top:1px solid #d8dfe2}
.sound-status{min-width:0;color:#536168;font-size:12px}
.sound-tool{background:#303943!important}
.sound-tool img{display:block;width:24px;height:24px;object-fit:contain}
.sound-message{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid #d8dfe2;border-radius:10px;background:#f2f6f7;color:#34434a;font-size:12px;font-weight:600}
body[data-appearance-mode="dark"] .sound-dialog{background:#202732;border-color:#3a4351}
body[data-appearance-mode="dark"] .sound-list{background:#181d26;border-color:#3a4351;color:#c1cad7}
body[data-appearance-mode="dark"] .sound-card{background:#202732;border-color:#3a4351;color:#edf1f7}
body[data-appearance-mode="dark"] .sound-card:hover{background:#263e49;border-color:#08a9ca}
body[data-appearance-mode="dark"] .sound-card-price,body[data-appearance-mode="dark"] .sound-empty,body[data-appearance-mode="dark"] .sound-status{color:#c1cad7}
body[data-appearance-mode="dark"] .sound-footer{background:#202732;border-color:#3a4351}
body[data-appearance-mode="dark"] .sound-message{background:#252c37;border-color:#414b5a;color:#dce2eb}
.sound-admin{display:grid;gap:14px}
.sound-admin-head h1{margin:0}
.sound-admin-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.sound-admin-upload{align-items:end}
.sound-admin-upload label,.sound-admin-edit label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}
.sound-admin-upload input[type="file"]{max-width:100%}
.sound-admin-list{display:grid;gap:8px}
.sound-admin-columns,.sound-admin-card{display:grid;grid-template-columns:minmax(125px,200px) minmax(0,1fr);align-items:center;gap:8px}
.sound-admin-columns{padding:0 8px;color:var(--muted);font-size:11px;font-weight:700}
.sound-admin-player-heading{text-align:center}
.sound-admin-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,100px) auto auto;align-items:center;gap:8px;min-width:0}
.sound-admin-columns .sound-admin-fields span{white-space:nowrap}
.sound-admin-name-heading,.sound-admin-name{grid-column:1}
.sound-admin-price-heading,.sound-admin-price{grid-column:2}
.sound-admin-save{grid-column:3}
.sound-admin-remove{grid-column:4}
.sound-admin-save-heading,.sound-admin-save{width:47px;min-width:47px}
.sound-admin-delete-heading,.sound-admin-remove{width:56px;min-width:56px}
.sound-admin-card{padding:6px 8px;border:1px solid var(--line);background:var(--panel)}
.sound-admin-card audio{display:block;width:100%;height:30px}
.sound-admin-edit,.sound-admin-delete{display:contents!important}
.sound-admin-edit [type=hidden],.sound-admin-delete [type=hidden]{display:none!important}
.sound-admin-edit input{box-sizing:border-box;width:100%;min-width:0;height:30px;padding:4px 6px}
.sound-admin-edit button,.sound-admin-delete button{min-height:30px;padding:5px 8px;white-space:nowrap}
.sound-admin-delete button{background:#b83945;color:#fff}
.sound-admin-empty{padding:18px;background:var(--panel2);color:var(--muted);text-align:center}
@media(max-width:520px){.sound-admin-columns,.sound-admin-card{grid-template-columns:minmax(100px,140px) minmax(0,1fr);gap:4px}.sound-admin-columns{padding:0 5px;font-size:9px}.sound-admin-card{padding:5px}.sound-admin-fields{grid-template-columns:minmax(0,1fr) minmax(58px,72px) auto auto;gap:4px}.sound-admin-save-heading,.sound-admin-save{width:42px;min-width:42px}.sound-admin-delete-heading,.sound-admin-remove{width:50px;min-width:50px}.sound-admin-edit input{padding:3px;font-size:10px}.sound-admin-edit button,.sound-admin-delete button{padding:4px 6px;font-size:10px}}
body[data-appearance-mode="dark"] .sound-admin-card{background:#202732;border-color:#3a4351}