.brain-voice-status { font-size: 11px; white-space: nowrap; color: var(--muted); }
.brain-voice-status[data-state="ready"] { color: var(--viola, #6553a5); }
.brain-voice-status[data-state="recording"] { color: #b82d2d; }
.brain-voice-panel { box-sizing: border-box; width: min(530px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); overflow: auto; padding: 24px; border: 1px solid var(--border-strong, #d4d1dc); border-radius: 20px; background: var(--card, #fff); color: var(--text, #25212e); box-shadow: 0 20px 70px #1b122c33; font: inherit; }
.brain-voice-panel::backdrop { background: #15112250; backdrop-filter: blur(5px); }
.brain-voice-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brain-voice-head h2 { margin: 0; font-size: 22px; font-weight: 500; }
.brain-voice-private, .brain-voice-shortcuts, .brain-voice-setup, .brain-voice-notice { font-size: 12px; line-height: 1.6; color: var(--muted, #686270); }
.brain-voice-shortcuts { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.brain-voice-panel kbd { border: 1px solid var(--border-strong, #d4d1dc); border-radius: 5px; padding: 1px 5px; font: inherit; }
.brain-voice-setup { overflow-wrap: anywhere; }
.brain-voice-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0; }
.brain-voice-tools [data-brain-voice-status] { font-size: 11px; color: var(--muted, #686270); }
.brain-voice-panel label { display: block; font-size: 12px; margin: 20px 0 8px; }
.brain-voice-panel textarea { box-sizing: border-box; width: 100%; resize: vertical; border: 1px solid var(--border-strong, #d4d1dc); border-radius: 10px; padding: 12px; color: var(--text, #25212e); background: var(--bg, #faf9fc); font: inherit; line-height: 1.5; }
.brain-voice-panel button.rec { color: #b82d2d; border-color: #b82d2d; }
.brain-voice-answer { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.65; }
.brain-voice-answer:empty, .brain-voice-notice:empty { display: none; }
.brain-voice-panel [hidden] { display: none !important; }
.brain-voice-preferences { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.brain-voice-preferences label { margin-top: 8px; }
.brain-voice-preferences select { box-sizing: border-box; width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--border-strong, #d4d1dc); border-radius: 8px; color: var(--text, #25212e); background: var(--bg, #faf9fc); font: inherit; font-size: 13px; }
.brain-voice-hint { color: var(--muted, #686270); font-size: 12px; line-height: 1.6; }
.brain-voice-review { border-top: 1px solid var(--border-strong, #d4d1dc); margin-top: 18px; padding-top: 14px; }
.brain-voice-review summary { cursor: pointer; font-size: 13px; }
.brain-voice-review h3 { font-size: 12px; font-weight: 500; margin: 16px 0 6px; }
.brain-voice-review pre { margin: 0; padding: 10px; max-height: 170px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--bg, #faf9fc); border-radius: 8px; font: inherit; font-size: 13px; line-height: 1.6; text-transform: none; }
#brainVoicePrepared:empty::before { content: "No text prepared."; color: var(--muted, #686270); }
.brain-voice-local-row { flex-basis: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 11px; color: var(--muted); }
@media (max-width: 750px) { .topbar .brain-voice-status { max-width: 110px; overflow: hidden; text-overflow: ellipsis; } }