.ai-voices-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.ai-voices-layout.ai-voices-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ai-voices-column { background:linear-gradient(180deg,#faf9ff,#fff 260px); }
.ai-voices-column [class*="panelTitle"]::before { background:#7666ef; }
.ai-voices-badge { display:inline-flex; align-items:center; margin-left:8px; padding:0 8px; border:1px solid #e6e0ff; border-radius:12px; background:#f1edff; color:#6654d9; font-size:12px; line-height:20px; font-weight:500; }
.ai-voices-column [class*="voiceCard"] { border-color:#e9e3ff; }
.ai-voices-column [class*="tagButton"] { background:#f6f3ff; border-color:#e9e3ff; color:#6759ae; }
.ai-voices-column [class*="tagButtonActive"] { background:#eae4ff; border-color:#8a78df; color:#493394; }
.ai-voices-toolbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.ai-voices-toggle { padding:4px 8px; border:0; border-radius:4px; background:transparent; color:var(--brand-primary); font:inherit; font-size:14px; line-height:22px; cursor:pointer; white-space:nowrap; }
.ai-voices-toggle:hover { background:var(--bg-button); }
.ai-voices-toggle:focus-visible { outline:2px solid var(--brand-primary); outline-offset:2px; }
@media(min-width:901px) { .ai-voices-layout > section + section { border-left:1px solid var(--border-light); border-top:0; } }
@media(max-width:900px) { .ai-voices-layout,.ai-voices-layout.ai-voices-three { grid-template-columns:1fr; } .ai-voices-layout > section + section { border-top:1px solid var(--border-light); border-left:0; } }

.ai-voices-restore-host { position: relative; }
.ai-voices-restore { position: absolute; left: 100%; top: 0; z-index: 2; width: 28px; padding: 12px 4px; border: 1px solid #e6e0ff; border-left: 0; border-radius: 0 6px 6px 0; background: #faf9ff; color: #6654d9; font: inherit; font-size: 12px; line-height: 20px; writing-mode: vertical-rl; cursor: pointer; }
.ai-voices-restore:hover { background: #f1edff; }
.ai-voices-restore:focus-visible { outline: 2px solid #6654d9; outline-offset: 2px; }

.ai-voices-restore-card { overflow: visible; }

.ai-voices-toolbar [class*="voiceBatchDownloadBtn"][class*="voiceBatchDownloadBtn"], .ai-voices-toggle { background: #f2f3f5; border: 1px solid transparent; border-radius: 4px; color: #4e5969; font-size: 14px; font-weight: 400; height: 32px; line-height: 22px; padding: 4px 16px; }
.ai-voices-toolbar [class*="voiceBatchDownloadBtn"][class*="voiceBatchDownloadBtn"]:hover, .ai-voices-toggle:hover { background: #e5e6eb; color: #4e5969; border-color: transparent; }