.sr-rule-collapsed{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(135deg,#0a1b2d,#081522)}
.sr-rule-summary,.sr-rule-heading{border:0;background:transparent;color:#eef4ff;font:inherit;cursor:pointer;text-align:left}
.sr-rule-summary{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:4px}
.sr-rule-summary:hover strong,.sr-rule-summary:focus-visible strong{color:#b9b1ff}
.sr-rule-summary:focus-visible,.sr-rule-heading:focus-visible{outline:2px solid #8e83ff;outline-offset:3px;border-radius:8px}
.sr-rule-summary>span:nth-child(2){min-width:0}
.sr-rule-summary strong,.sr-rule-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-rule-summary strong{font-size:14px}.sr-rule-summary small{margin-top:3px;color:#8fa2bc;font-size:12px}
.sr-rule-summary>.material-symbols-rounded{color:#758aa5}
.sr-rule-number{width:28px;height:28px;border-radius:8px;display:grid!important;place-items:center;background:#182d46;color:#b9b1ff;font-weight:800}
.sr-rule-heading{display:inline-flex;align-items:center;gap:6px;padding:5px}.sr-rule-heading .material-symbols-rounded{color:#9185ff}
.sr-rule-counters{display:flex;gap:7px;flex-wrap:wrap;margin:-2px 0 12px}.sr-rule-counter{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--sr-color) 65%,#274361);border-radius:10px;background:color-mix(in srgb,var(--sr-color) 12%,#081726);font-size:12px}.sr-rule-counter b{padding:3px 7px;border-radius:999px;background:#172b42;color:#dce7f5;font-variant-numeric:tabular-nums}.sr-rule-counter.full{border-color:#ff4268;background:#3a1322}.sr-rule-counter.full b{background:#d91f49;color:#fff}.sr-task-main strong em{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;background:#6d5dfb33;color:#b9b1ff;font-style:normal;font-size:11px}
.sr-main-audio-field{display:grid;gap:5px;color:#91a4bd;font-size:12px;min-width:0}
.sr-main-playlist{list-style:none;margin:0;padding:5px;display:grid;gap:5px;min-height:38px;border:1px solid #294362;border-radius:10px;background:#071523}
.sr-main-playlist li,.sr-selected-audio li{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 7px;border-radius:8px;background:#10243a;color:#dce7f5}
.sr-main-playlist li.empty{display:block;color:#758aa5;background:transparent}.sr-main-playlist li>b,.sr-selected-audio li>b{color:#a99dff;text-align:center}
.sr-main-playlist li>span,.sr-selected-audio li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-icon-button{width:32px;height:32px;padding:0;border:1px solid #345170;border-radius:9px;display:grid;place-items:center;background:#10243a;color:#dce7f5;cursor:pointer}
.sr-icon-button:hover,.sr-icon-button:focus-visible{border-color:#8e83ff;color:#b9b1ff}.sr-icon-button:disabled{opacity:.35;cursor:not-allowed}
.sr-icon-button.danger{color:#ff91a7;border-color:#743048}.sr-icon-button.playing{background:#c41f49;border-color:#ff6584;color:#fff}
.sr-audio-modal{width:min(1000px,100%)}.sr-audio-modal .sr-input{width:100%}
.sr-selected-audio{margin:12px 0;padding:10px;border:1px solid #2b4565;border-radius:12px;background:#071421}
.sr-selected-audio>strong{display:block;margin-bottom:8px}.sr-selected-audio ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sr-selected-audio li{grid-template-columns:25px minmax(0,1fr) repeat(4,32px)}
.sr-audio-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.sr-audio-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border:1px solid #223d5b;border-radius:11px;background:#091827}
.sr-audio-option.selected{border-color:#7c6eff;background:#6d5dfb1d}.sr-audio-option label{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;cursor:pointer;min-width:0}
.sr-audio-option input{accent-color:#6d5dfb}.sr-audio-option strong,.sr-audio-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-audio-option small{color:#8296b0;margin-top:3px}
.sr-empty.compact{padding:16px}
@media(max-width:680px){.sr-rule-collapsed{grid-template-columns:minmax(0,1fr) auto}.sr-audio-picker{grid-template-columns:1fr}.sr-selected-audio li{grid-template-columns:25px minmax(0,1fr) repeat(2,32px)}.sr-selected-audio li [data-audio-move]{display:none}.sr-rule-counter{flex:1 1 145px;justify-content:space-between}}
