/* Specialist tools retain their established controls inside the shared Studio shell. */
.sw .sw-specialist {
  --studio-ink: var(--sw-ink);
  --studio-green: var(--sw-green);
  --studio-mint: var(--sw-accent);
  --studio-canvas: var(--sw-bg);
  --studio-line: var(--sw-line);
  --speech-ink: var(--sw-ink);
  --speech-muted: var(--sw-muted);
  --speech-border: var(--sw-line);
  min-width: 0;
  color: var(--sw-ink);
  font: inherit;
}

/* The outer shell supplies navigation; keep inner tool titles as accessible labels. */
.sw .sw-specialist :is(.diyai-studio-topbar, .diyai-studio-rail, .diyai-studio-landing-header, .diyai-studio-route-nav, .diyai-speech-nav) { display: none !important; }
.sw .sw-specialist .diyai-studio-control-head > h2,
.sw .sw-specialist .diyai-speech-heading h2 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0 !important;
}
.sw .sw-specialist :is(.diyai-ipl.diyai-studio, .diyai-studio-body, .diyai-studio-main, .diyai-speech) {
  width: 100%;
  max-width: none;
  min-width: 0;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--sw-ink);
  font: inherit;
}
.sw .sw-specialist .diyai-studio-body { display: block; }
.sw .sw-specialist .diyai-studio.is-preview-locked .diyai-studio-body { height: auto; min-height: 0; max-height: none; }
.sw .sw-specialist .diyai-studio-tool,
.sw .sw-specialist .diyai-speech-grid {
  grid-template-columns: minmax(320px, .92fr) minmax(0, 1.25fr);
  align-items: start;
  width: 100%;
  min-width: 0;
  min-height: 0;
  gap: 24px;
}
.sw .sw-specialist .diyai-studio-tool:not(.is-active) { display: none; }
.sw .sw-specialist .diyai-studio-tool.is-active { display: grid; }
.sw .sw-specialist :is(.diyai-studio-generator, .diyai-studio-stage, .diyai-speech-controls, .diyai-speech-results) {
  min-width: 0;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  overflow: visible;
}
.sw .sw-specialist .diyai-studio-generator { padding: 0; border: 0; background: transparent; }
.sw .sw-specialist :is(.diyai-studio-control, .diyai-studio-stage, .diyai-speech-controls, .diyai-speech-results) {
  padding: 24px !important;
  min-height: 0 !important;
  background: var(--sw-surface) !important;
  color: var(--sw-ink);
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius) !important;
  box-shadow: var(--sw-shadow) !important;
}
.sw .sw-specialist .diyai-studio-control-head { display: flex; margin: 0 0 18px; padding: 0; border: 0; }
.sw .sw-specialist .diyai-studio-control-head:empty { display: none; }
.sw .sw-specialist :is(.diyai-studio-control-head, .diyai-speech-heading) > span { color: var(--sw-muted); font-size: 11px; font-weight: 500; letter-spacing: .02em; text-transform: none; }
.sw .sw-specialist :is(.diyai-studio-stage-head, .diyai-speech-results-head) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 0 18px;
  margin: 0 0 18px;
  border-bottom: 1px solid var(--sw-line);
}
.sw .sw-specialist :is(.diyai-studio-stage-head h3, .diyai-speech-results-head h2) { margin: 0; font-size: 20px !important; font-weight: 500; letter-spacing: -.6px; color: var(--sw-ink) !important; }
.sw .sw-specialist .diyai-speech-results-head > div > span { display: block; margin-bottom: 6px; font-size: 10px; font-weight: 500; letter-spacing: .04em; color: var(--sw-muted); text-transform: none; }
.sw .sw-specialist :is(p, .diyai-studio-field > span, .diyai-speech-field > span, label, legend) { font-size: 13px; line-height: 1.6; }
.sw .sw-specialist p { margin: 10px 0 16px; color: var(--sw-muted); }
.sw .sw-specialist p:empty { margin: 0; }
.sw .sw-specialist :is(.diyai-studio-field, .diyai-speech-field) { display: grid; gap: 8px; margin: 18px 0; font-weight: 500; }
.sw .sw-specialist :is(.diyai-studio-field > span, .diyai-speech-field > span, legend) { color: var(--sw-ink); font-weight: 600; }
.sw .sw-specialist :is(textarea, select, input[type="text"], input[type="number"], input[type="file"]) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  padding: 11px 12px;
  background: #fcfdfb;
  border: 1px solid #cfdacf;
  border-radius: 9px;
  box-shadow: none;
  color: var(--sw-ink);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
.sw .sw-specialist textarea { min-height: 145px; resize: vertical; }
.sw .sw-specialist textarea::placeholder { color: #7b887e; }
.sw .sw-specialist input[type="file"] { padding: 10px; font-size: 12px; }
.sw .sw-specialist input[type="file"]::file-selector-button { margin-right: 10px; padding: 8px 10px; border: 1px solid #cad8c7; border-radius: 6px; background: var(--sw-soft); color: var(--sw-ink); font: inherit; cursor: pointer; }
.sw .sw-specialist :is(input[type="checkbox"], input[type="radio"]) { width: 17px; height: 17px; min-width: 17px; accent-color: var(--sw-green); }
.sw .sw-specialist :is(.diyai-speech-help, .diyai-studio-model-note, .diyai-studio-field small, .diyai-speech-history-filter, .diyai-studio-generation-state) { color: var(--sw-muted); font-size: 12px; line-height: 1.6; }
.sw .sw-specialist :is(.diyai-speech-options, .diyai-studio-options) { gap: 12px; }
.sw .sw-specialist :is(.diyai-speech-consent, .diyai-studio-disclosure) { gap: 10px; margin: 18px 0; padding: 14px; background: var(--sw-soft); border: 1px solid var(--sw-line); border-radius: 9px; font-size: 12px; color: #4e6253; }
.sw .sw-specialist .diyai-speech-consent input { margin-top: 3px; }
.sw .sw-specialist :is(.diyai-speech-primary, .diyai-studio-submit) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  padding: 12px 16px;
  border: 1px solid var(--sw-green);
  border-radius: 9px;
  background: var(--sw-green);
  color: #fff !important;
  box-shadow: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.sw .sw-specialist :is(.diyai-speech-primary, .diyai-studio-submit):hover:not(:disabled) { background: #173f2e; transform: none; }
.sw .sw-specialist :is(.diyai-speech-secondary, .diyai-speech-download, .diyai-studio-tabs button, .diyai-ipl-chip, .diyai-ipl-builder, .diyai-speech-result-actions button) {
  min-height: 38px;
  padding: 9px 12px;
  border: 1px solid var(--sw-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  color: var(--sw-ink);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}
.sw .sw-specialist :is(.diyai-speech-secondary, .diyai-speech-download):hover { background: var(--sw-soft); border-color: #b0c5ac; }
.sw .sw-specialist .diyai-studio-model-picker { display: grid; width: 100%; gap: 7px; margin: 0; }
.sw .sw-specialist .diyai-studio-model-picker > span { font-size: 12px; font-weight: 600; color: var(--sw-ink); }
.sw .sw-specialist .diyai-studio-tabs { gap: 8px; padding: 0; margin: 0 0 18px; border: 0; flex-wrap: wrap; }
.sw .sw-specialist :is(.diyai-studio-tabs button.is-active, .diyai-ipl-chip.is-active) { color: var(--sw-green); background: var(--sw-soft); border-color: #bed1b7; }
.sw .sw-specialist :is(.diyai-studio-models, .diyai-speech-voices) { margin: 16px 0; padding: 0; border: 0; }
.sw .sw-specialist .diyai-ipl-model-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sw .sw-specialist .diyai-ipl-model-card { min-width: 0; padding: 13px; border-color: var(--sw-line); border-radius: 10px; background: #fff; color: var(--sw-ink); }
.sw .sw-specialist .diyai-ipl-model-card:has(input:checked),
.sw .sw-specialist .diyai-speech-voice:has(input:checked) { border-color: #83a47b; background: var(--sw-soft); box-shadow: none; }
.sw .sw-specialist .diyai-ipl-model-card strong { font-size: 13px; }
.sw .sw-specialist :is(.diyai-ipl-model-card small, .diyai-ipl-model-card em, .diyai-speech-voice small) { font-size: 11px; line-height: 1.5; color: var(--sw-muted); }
.sw .sw-specialist .diyai-speech-voice { padding: 12px; border-color: var(--sw-line); border-radius: 9px; }
.sw .sw-specialist .diyai-ipl-summary { padding: 14px; border: 1px solid var(--sw-line); border-radius: 9px; background: #f5f8f1; }
.sw .sw-specialist .diyai-ipl-summary-grid { gap: 12px; }
.sw .sw-specialist .diyai-ipl-summary-value { color: var(--sw-green); font-size: 17px; font-weight: 600; }
.sw .sw-specialist :is(.diyai-ipl-neg-toggle, .diyai-voice-privacy) { margin: 16px 0; color: var(--sw-muted); font-size: 12px; }
.sw .sw-specialist summary { min-height: 30px; cursor: pointer; }
.sw .sw-specialist :is(.diyai-speech-upload, .diyai-voice-upload) { padding: 20px; border: 1px dashed #b2c4aa; border-radius: 12px; background: #f7faf3; text-align: left; }
.sw .sw-specialist .diyai-voice-recorder { display: flex; flex-wrap: wrap; gap: 8px; }
.sw .sw-specialist .diyai-voice-recorder p { flex-basis: 100%; }
.sw .sw-specialist :is(audio, video) { width: 100%; max-width: 100%; }
.sw .sw-specialist :is(.diyai-combiner-inputs, .diyai-ipl-grid) { min-width: 0; }
.sw .sw-specialist .diyai-combiner-inputs { grid-template-columns: repeat(auto-fill, minmax(min(120px, 100%), 1fr)); }
.sw .sw-specialist :is(.diyai-speech-result, .diyai-creative-result) { padding: 18px !important; margin-top: 16px !important; border: 1px solid var(--sw-line); border-radius: 12px; box-shadow: none; background: #fff; }
.sw .sw-specialist :is(.diyai-speech-result, .diyai-creative-result) h3 { font-size: 15px; font-weight: 600; color: var(--sw-ink) !important; }
.sw .sw-specialist :is(.diyai-speech-result-actions, .diyai-ipl-actions) { flex-wrap: wrap; gap: 8px; }
.sw .sw-specialist :is(.diyai-ipl-result-card, .diyai-studio-compare-output, .diyai-ipl-compare-tile) { min-width: 0; border: 1px solid var(--sw-line); border-radius: 12px; background: #fff; color: var(--sw-ink); box-shadow: none; }
.sw .sw-specialist :is(.diyai-ipl-result-actions, .diyai-studio-media-actions, .diyai-studio-compare-actions) { display: flex; flex-wrap: wrap; gap: 8px; }
.sw .sw-specialist :is(.diyai-ipl-result-actions, .diyai-studio-media-actions, .diyai-studio-compare-actions) :is(button, a) { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 12px; border: 1px solid var(--sw-line); border-radius: 8px; background: var(--sw-soft); color: var(--sw-ink); font-size: 12px; font-weight: 500; box-shadow: none; }
.sw .sw-specialist .diyai-ipl-compare-modal { padding: 24px; background: #162c2380; backdrop-filter: blur(5px); }
.sw .sw-specialist .diyai-ipl-compare-inner { width: min(1200px, 100%); max-height: 90dvh; padding: 24px; background: var(--sw-surface); border: 1px solid var(--sw-line); color: var(--sw-ink); border-radius: 16px; box-shadow: 0 22px 80px #10271935; }
.sw .sw-specialist :is(.diyai-ipl-compare-head h3, .diyai-ipl-compare-tile-body strong) { color: var(--sw-ink) !important; }
.sw .sw-specialist .diyai-ipl-compare-tile-body span { color: var(--sw-muted); }
.sw .sw-specialist .diyai-ipl-compare-close { flex-shrink: 0; background: var(--sw-soft); border: 1px solid var(--sw-line); color: var(--sw-ink); }
.sw .sw-specialist .diyai-ipl-compare-grid { grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); }
.sw .sw-specialist :is(.diyai-speech-status, [data-creative-status], [data-record-status]) { font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.sw .sw-specialist :is(.diyai-speech-status.is-error, .diyai-speech-status[data-state="error"]) { color: #983f2c; }

/* Quiet starting states leave room for the user's work and useful prompt actions. */
.sw .sw-specialist :is(.diyai-tool-empty, .diyai-studio-empty-board) { width: 100%; min-height: 0; padding: 0; margin: 0; background: transparent; border: 0; }
.sw .sw-specialist :is(.diyai-tool-empty-hero, .diyai-studio-media-showcase) { display: grid; grid-template-columns: 1fr; gap: 22px; padding: 26px; min-height: 0; border: 1px solid var(--sw-line); border-radius: 12px; background: #f4f7ef; box-shadow: none; }
.sw .sw-specialist :is(.diyai-tool-empty-copy small, .diyai-tool-empty-ideas) { display: none; }
.sw .sw-specialist :is(.diyai-tool-empty-copy h3, .diyai-studio-media-empty-copy h4) { margin: 0 0 12px; max-width: 24ch; color: var(--sw-ink) !important; font-size: clamp(22px, 2vw, 28px) !important; font-weight: 500; line-height: 1.2; letter-spacing: -.7px; }
.sw .sw-specialist :is(.diyai-tool-empty-copy p, .diyai-studio-media-empty-copy p) { margin: 0; font-size: 13px; line-height: 1.65; color: var(--sw-muted); }
.sw .sw-specialist .diyai-tool-empty-art { max-width: 280px; filter: none; }
.sw .sw-specialist .diyai-tool-empty-art svg { width: 100%; height: auto; }
.sw .sw-specialist .diyai-studio-media-showcase > :is(.diyai-studio-image-showcase, .diyai-studio-video-scene) { width: min(100%, 320px); }
.sw .sw-specialist .diyai-studio-example-list { gap: 10px; margin-top: 16px; }
.sw .sw-specialist .diyai-studio-example-list button { padding: 16px; border: 1px solid var(--sw-line); border-radius: 10px; background: #fff; color: var(--sw-ink); box-shadow: none; }
.sw .sw-specialist .diyai-studio-example-list strong { font-size: 13px; font-weight: 600; }
.sw .sw-specialist .diyai-studio-example-list span { font-size: 12px; color: var(--sw-muted); }
.sw .sw-specialist .diyai-studio-example-list button:hover { border-color: #a0b896; background: var(--sw-soft); transform: none; }
.sw .sw-specialist :is(.diyai-studio-access, .diyai-studio-access-notice) { padding: 20px; margin: 0 0 24px; background: var(--sw-soft); border: 1px solid var(--sw-line); border-radius: 12px; box-shadow: none; }
.sw .sw-specialist :is(.diyai-studio-access, .diyai-studio-access-notice) h2 { font-size: 18px !important; font-weight: 500; }
.sw .sw-specialist .diyai-studio-access-notice { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 22px; }
.sw .sw-specialist .diyai-studio-access-eyebrow { display: none; }
.sw .sw-specialist [data-auth-state="guest"] .diyai-studio-panel-lock { display: none; }
.sw .sw-specialist .diyai-studio-access-notice p { margin: 7px 0 0; font-size: 12px; }
.sw .sw-specialist .diyai-studio-access-notice .diyai-studio-access-terms { font-size: 11px; }
.sw .sw-specialist .diyai-studio-access-actions { display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; }
.sw .sw-specialist a.diyai-studio-access-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 42px; margin: 0; padding: 11px 15px; border: 1px solid var(--sw-green); border-radius: 8px; background: var(--sw-green); color: #fff !important; font-size: 12px; font-weight: 600; text-decoration: none; }
.sw .sw-specialist a.diyai-studio-access-login { display: inline-block; margin: 0; padding: 4px 0; color: var(--sw-ink); font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1100px) {
  .sw .sw-specialist .diyai-studio-tool,
  .sw .sw-specialist .diyai-speech-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .sw .sw-specialist :is(.diyai-tool-empty-hero, .diyai-studio-media-showcase) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
  .sw .sw-specialist .diyai-tool-empty-art { max-width: 260px; }
}
@media (max-width: 600px) {
  .sw .sw-specialist .diyai-ipl-compare-modal { padding: 12px; }
  .sw .sw-specialist .diyai-ipl-compare-inner { padding: 18px; }
  .sw .sw-specialist .diyai-studio-access-notice { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .sw .sw-specialist .diyai-studio-access-actions { align-items: stretch; text-align: center; }
  .sw .sw-specialist :is(.diyai-studio-control, .diyai-studio-stage, .diyai-speech-controls, .diyai-speech-results) { padding: 18px !important; border-radius: 12px !important; }
  .sw .sw-specialist :is(.diyai-tool-empty-hero, .diyai-studio-media-showcase) { grid-template-columns: minmax(0, 1fr); padding: 20px; gap: 20px; }
  .sw .sw-specialist .diyai-tool-empty-art { max-width: 210px; }
  .sw .sw-specialist :is(textarea, select, input[type="text"], input[type="number"]) { font-size: 16px; }
  .sw .sw-specialist :is(.diyai-studio-stage-head h3, .diyai-speech-results-head h2) { font-size: 19px !important; }
  .sw .sw-specialist .diyai-ipl-model-grid { grid-template-columns: minmax(0, 1fr); }
  .sw .sw-specialist .diyai-studio-example-list { grid-template-columns: minmax(0, 1fr); }
  .sw .sw-specialist :is(.diyai-speech-upload, .diyai-voice-upload) { padding: 16px; }
  .sw .sw-specialist .diyai-speech-result-actions > * { flex: 1 1 100%; }
}


/* Keep related voice tools visible above the active tool's controls. */
.sw .sw-voice-navigation{margin:0 0 24px}
.sw .sw-voice-menu{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid var(--sw-border,#dce4d9);border-radius:14px;background:#fff}
.sw .sw-voice-menu a{display:flex;align-items:center;justify-content:center;flex:1 1 140px;min-height:44px;padding:10px 16px;border-radius:9px;color:var(--sw-ink,#19372d);font-size:14px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}
.sw .sw-voice-menu a:hover{background:#eaf0e5}
.sw .sw-voice-menu a[aria-current="page"]{background:var(--sw-green,#215d48);color:#fff}
.sw .sw-voice-menu a:focus-visible,.sw .sw-voice-help a:focus-visible{outline:2px solid var(--sw-green,#215d48);outline-offset:3px}
.sw .sw-voice-help{margin:12px 6px 0;color:#53665c;font-size:14px;line-height:1.6}
.sw .sw-voice-help a{color:var(--sw-green,#215d48);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.sw .sw-voice-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sw .sw-voice-menu a{padding:10px 6px;font-size:13px}.sw .sw-voice-help{font-size:13px}.sw .sw-voice-navigation{margin-bottom:20px}}

/* Give the menu, guidance and form fields a consistent vertical rhythm. */
.sw .sw-voice-navigation{padding:8px 10px 14px;margin:0 0 24px;border:1px solid var(--sw-line);border-radius:14px;background:#fff}
.sw .sw-voice-menu{padding:0;border:0;border-radius:0}
.sw .sw-specialist .sw-voice-help{margin:12px 6px 0;padding-top:12px;border-top:1px solid var(--sw-line);line-height:1.6}
.sw .sw-specialist .diyai-speech-controls .diyai-speech-heading{margin-bottom:20px}
.sw .sw-specialist .diyai-speech-controls [data-speech-voice-help]{margin:8px 0 20px}
.sw .sw-specialist .diyai-speech-controls [data-speech-voice-help]:empty{display:none}
.sw .sw-specialist .diyai-speech-controls textarea[data-speech-text]{min-height:180px}
.sw .sw-specialist .diyai-speech-controls [data-speech-count]{margin:-6px 0 20px}
.sw .sw-specialist .diyai-speech-voice-group-title{margin:18px 0 8px;font-weight:600;color:var(--sw-ink)}
.sw .sw-specialist .diyai-speech-voice-group-title:first-child{margin-top:0}
@media(max-width:600px){.sw .sw-voice-navigation{padding:6px 8px 12px;margin-bottom:20px}.sw .sw-specialist .sw-voice-help{margin-top:10px;padding-top:10px}.sw .sw-specialist .diyai-speech-controls textarea[data-speech-text]{min-height:160px}}

.sw .sw-voice-menu-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin:12px 6px 0;padding-top:12px;border-top:1px solid var(--sw-line)}
.sw .sw-specialist .sw-voice-menu-footer .sw-voice-help{margin:0;padding:0;border:0;flex:1 1 300px}
.sw .sw-voice-languages{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}
.sw .sw-voice-languages span{margin-right:4px;color:var(--sw-muted)}
.sw .sw-voice-languages a{display:inline-flex;align-items:center;min-height:36px;padding:6px 10px;border-radius:7px;color:var(--sw-ink);text-decoration:none}
.sw .sw-voice-languages a[aria-current="page"]{background:var(--sw-soft);font-weight:600}
.sw .sw-voice-languages a:hover{text-decoration:underline}
.sw .sw-voice-languages a:focus-visible{outline:2px solid var(--sw-green);outline-offset:2px}
@media(max-width:600px){.sw .sw-voice-languages a{min-height:44px}.sw .sw-voice-menu-footer{margin-top:10px;padding-top:10px;gap:8px}}

/* Samples are separate from selection: listening never changes the chosen voice. */
.sw .diyai-voice-choice { padding:16px; margin:0 0 12px; border:1px solid #d9e3da; border-radius:14px; background:#fff; min-width:0; }
.sw .diyai-voice-choice:has(input:checked) { background:#edf4e9; border-color:#83a879; }
.sw .diyai-voice-choice .diyai-speech-voice { margin:0; padding:0; border:0; background:transparent; }
.sw .diyai-voice-sample { display:grid; gap:8px; margin-top:12px; }
.sw .diyai-voice-sample small { color:#5a6c62; font-size:12px; line-height:1.5; }
.sw .diyai-voice-sample audio { display:block; width:100%; min-width:0; height:40px; }
.sw .diyai-voice-browser { margin:16px 0; border:1px solid #d9e3da; border-radius:12px; padding:14px; }
.sw .diyai-voice-browser>summary { cursor:pointer; color:#205e44; font-weight:600; line-height:1.5; }
.sw .diyai-voice-browser[open] { max-height:460px; overflow:auto; }
.sw .diyai-voice-browser .diyai-voice-choice { margin-top:14px; }
.sw .diyai-voice-use { margin-top:12px; padding:9px 14px; border:1px solid #215e44; border-radius:8px; background:#fff; color:#215e44; font:600 14px/1.4 Arial,sans-serif; cursor:pointer; }
.sw .diyai-voice-use:hover { background:#edf4e9; }
.sw .diyai-voice-use:focus-visible,.sw .diyai-voice-browser>summary:focus-visible { outline:3px solid #287450; outline-offset:3px; }

/* Show the server-calculated speech price before the primary action. */
.diyai-speech-price { margin: 20px 0; padding: 18px 20px; border: 1px solid #dce4d9; border-radius: 12px; background: #eaf1e8; color: #192b25; }
.diyai-speech-price strong { display: block; font-size: 16px; line-height: 1.5; }
.diyai-speech-price p { margin: 8px 0 0; font-size: 13px; line-height: 1.6; color: #667269; }