.multi{background: var(--surface);border: 2px solid var(--console-border);border-radius: var(--radius-lg,20px);padding: 24px;box-shadow: var(--shadow);max-width: 980px;margin: 0 auto}.multi-add{display: grid;grid-template-columns: minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;gap: 12px;align-items: end}.multi-add-btn{min-height: 48px}.multi-error{grid-column: 1 / -1;margin: 0}.multi-presets{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;margin-top: 16px}.multi-bar{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px;align-items: center;margin-top: 20px;padding-top: 16px;border-top: 1px solid var(--line)}.multi-bar-start,.multi-bar-end{display: flex;flex-wrap: wrap;gap: 8px;align-items: center}.multi-select{width: auto;min-height: 40px;padding: 6px 10px}.multi-empty{margin: 20px 0 0;color: var(--text-muted)}.multi-list{list-style: none;margin: 20px 0 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 16px}.multi-card{border: 1px solid var(--border);border-radius: var(--radius-sm,12px);padding: 16px;background: var(--surface-2);display: grid;gap: 8px}.multi-card[data-state="done"]{border-color: var(--cobalt);box-shadow: 0 0 0 2px var(--cobalt) inset}.multi-card-head{display: flex;justify-content: space-between;gap: 8px;align-items: baseline}.multi-name{margin: 0;font-size: 1.0625rem;overflow-wrap: anywhere}.multi-state{font-size: .8125rem;font-weight: 600;color: var(--text-muted);white-space: nowrap}.multi-card[data-state="done"] .multi-state{color: var(--accent-text)}.multi-digits{font-size: 2.5rem;font-weight: 700;font-variant-numeric: tabular-nums;line-height: 1.1}.multi-progress{width: 100%;height: 8px;accent-color: var(--cobalt)}.multi-meta{margin: 0;font-size: .875rem;color: var(--text-muted)}.multi-actions{display: flex;flex-wrap: wrap;gap: 6px}.multi-card .multi-i-play{display: none}.multi-card:not([data-state="running"]) .multi-i-play{display: inline-block}.multi-card:not([data-state="running"]) .multi-i-pause{display: none}@media (max-width: 720px){.multi{padding: 16px}.multi-add{grid-template-columns: repeat(3,minmax(0,1fr))}.multi-add-label,.multi-add-btn{grid-column: 1 / -1}}.multi-name{font-weight: 700}.multi-sound-label{display: inline-flex;align-items: center;gap: 6px;font-weight: 600;font-size: .9375rem}.multi-note{margin: 12px 0 0;font-size: .875rem;color: var(--text-muted)}.multi-card[data-state="done"] [data-a="restart"]{display: none}