.iuchat-voice-dialog{width:min(510px,calc(100vw - 28px));padding:24px;background:#25292c;color:#e7e9ec;border:1px solid #434a50;border-radius:14px;box-shadow:0 20px 80px #0006}.iuchat-voice-dialog::backdrop{background:#0009}.iuchat-voice-dialog h2{margin:0 0 20px;font-size:21px}.iuchat-voice-dialog label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.iuchat-voice-dialog select{background:#30363b;color:inherit;border:1px solid #4a5259;border-radius:6px;padding:7px}.iuchat-voice-dialog p{font-size:12px;line-height:1.7;color:#b0bbc4;min-height:40px}.iuchat-voice-dialog textarea{display:block;width:100%;background:#1c1f22;color:#e7e9ec;border:1px solid #49545c;border-radius:8px;padding:12px;font:14px/1.75 inherit;resize:vertical}.iuchat-voice-dialog>div{display:flex;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap}.iuchat-voice-dialog>div span{flex:1}.iuchat-voice-dialog button{padding:8px 12px;background:#30363b;color:inherit;border:1px solid #49545c;border-radius:6px;font-size:12px}.iuchat-voice-dialog [data-insert]{background:#278f58;border-color:#278f58;color:white}.iuchat-voice-dialog textarea{font-family:inherit;font-size:14px;line-height:1.75}
@media(max-width:720px){.iuchat-voice-dialog>div{gap:7px}.iuchat-voice-dialog{padding:18px}}

/* Translation follows the workspace heading, panel and button palette. */
#workspace .translate-view-v3913, dialog.tr-voice-dialog {
  --tr-accent:#a7b7ff; --tr-button:#bfcbff; --tr-button-ink:#182347; --tr-danger:#f3a6aa;
  --tr-hero:linear-gradient(110deg,#192638,#192337 52%,#282744);
  --tr-tint:color-mix(in srgb,var(--tr-accent) 7%,var(--card));
  --tr-rim:color-mix(in srgb,var(--tr-accent) 23%,var(--line));
}
body[data-theme="light"] :is(#workspace .translate-view-v3913,dialog.tr-voice-dialog) {
  --tr-accent:#445eae; --tr-button:#455eaa; --tr-button-ink:white; --tr-danger:#a53540;
  --tr-hero:linear-gradient(110deg,#edf3fd,#eaf0fc 52%,#ebe8fa);
}
#workspace .translate-view-v3913 { container: tr-room / inline-size; max-width:1360px; margin-inline:auto; color:var(--ink); }
#workspace .translate-view-v3913 *, dialog.tr-voice-dialog { box-sizing:border-box; }
#workspace .translate-view-v3913 [hidden] { display:none !important; }
#workspace .translate-view-v3913 :is(button,input,textarea,select,summary,.tr-log,.tr-turn):focus-visible,
dialog.tr-voice-dialog :is(button,select,textarea):focus-visible { outline:2px solid var(--tr-accent); outline-offset:2px; }
#workspace .translate-view-v3913 svg { display:block; flex:none; width:18px; height:18px; pointer-events:none; }
#workspace .tr-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#workspace .tr-heading {
  display:flex; align-items:center; justify-content:space-between; gap:16px 24px; margin:0 0 18px; padding:24px clamp(19px,2vw,32px);
  border:1px solid var(--tr-rim); border-radius:16px; background:var(--tr-hero);
}
#workspace .tr-heading-main { display:flex; align-items:center; gap:14px; min-width:0; }
#workspace .tr-heading h1 { color:var(--ink); font-size:clamp(26px,2.15vw,34px); font-weight:700; line-height:1.3; letter-spacing:-.035em; margin:0; }
#workspace .tr-heading p { margin:6px 0 0; color:var(--muted); font-size:13px; line-height:1.55; }
#workspace .tr-heading-mark { display:grid; place-items:center; width:46px; height:46px; flex:none; border:1px solid var(--tr-rim); border-radius:13px; background:color-mix(in srgb,var(--tr-accent) 11%,var(--card)); color:var(--tr-accent); }
#workspace .tr-heading-mark svg { width:26px; height:26px; }
#workspace .translate-view-v3913 :where(.tr-button,.tr-text-button,.tr-icon-button,.tr-live-modes button), dialog.tr-voice-dialog button {
  display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:40px; margin:0; padding:0 13px; border:1px solid var(--line); border-radius:9px;
  background:var(--card); color:var(--ink); font:inherit; font-weight:600; font-size:13px; line-height:1.35; text-align:center; box-shadow:none; cursor:pointer;
}
#workspace .translate-view-v3913 :is(.tr-button,.tr-icon-button,.tr-live-modes button):hover:enabled, dialog.tr-voice-dialog button:hover:enabled { border-color:var(--tr-accent); background:var(--tr-tint); }
#workspace .translate-view-v3913 .tr-primary, dialog.tr-voice-dialog button[data-insert] { color:var(--tr-button-ink); background:var(--tr-button); border-color:transparent; }
#workspace .translate-view-v3913 .tr-primary:hover:enabled, dialog.tr-voice-dialog button[data-insert]:hover:enabled { background:color-mix(in srgb,var(--tr-button) 90%,var(--tr-button-ink)); border-color:transparent; }
#workspace .translate-view-v3913 .tr-text-button { border:0; background:transparent; color:var(--tr-accent); padding:3px 5px; min-height:32px; font-weight:550; gap:5px; }
#workspace .translate-view-v3913 .tr-text-button:hover:enabled { background:var(--tr-tint); }
#workspace .tr-text-button svg { width:15px; height:15px; }
#workspace .translate-view-v3913 .tr-icon-button { padding:0; width:38px; min-height:38px; }
#workspace .translate-view-v3913 button:disabled,dialog.tr-voice-dialog button:disabled { opacity:.55; cursor:default; }
#workspace .tr-heading .tr-mode-button { min-height:42px; flex:none; color:var(--tr-accent); border-color:var(--tr-rim); }
#workspace .tr-mode-button small { font-size:10px; font-weight:600; line-height:1.4; padding:1px 5px; border-radius:5px; color:var(--tr-accent); background:var(--tr-tint); }
#workspace .tr-layout {
  display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.18fr); grid-template-rows:auto 1fr; grid-template-areas:"entry transcript" "tools transcript";
  gap:12px 16px; height:auto; min-height:0; max-height:none; overflow:visible; border:0; border-radius:0; background:none; box-shadow:none;
}
#workspace .tr-layout.tr-is-live { grid-template-areas:"entry live" "tools live"; }
#workspace .tr-card { min-width:0; margin:0; padding:0; background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:14px; box-shadow:none; }
#workspace .tr-entry { grid-area:entry; align-self:start; }
#workspace .tr-transcript { grid-area:transcript; display:flex; flex-direction:column; }
#workspace .tr-live { grid-area:live; align-self:start; }
#workspace .tr-tools { grid-area:tools; align-self:start; min-width:0; display:grid; gap:9px; }
#workspace .tr-card-head { display:flex; align-items:center; justify-content:space-between; min-height:55px; gap:12px; padding:10px 18px; border-bottom:1px solid var(--line); }
#workspace .tr-card-head h2 { display:flex; align-items:center; gap:8px; margin:0; font-size:17px; line-height:1.4; font-weight:650; color:var(--ink); }
#workspace .tr-card-head h2 svg, #workspace .tr-detail summary > :first-child { color:var(--tr-accent); }
#workspace .tr-count { display:inline-grid; place-items:center; min-width:23px; height:22px; padding:0 5px; border:1px solid var(--line); border-radius:7px; background:var(--tr-tint); color:var(--muted); font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; }
#workspace .tr-pair { display:grid; grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr); align-items:end; gap:9px; padding:17px 18px 0; border:0; }
#workspace .tr-is-live .tr-pair { padding-bottom:18px; }
#workspace :is(.tr-pair,.tr-settings-fields,.tr-term-form) label { display:grid; min-width:0; gap:5px; color:var(--muted); font-size:12px; line-height:1.5; font-weight:500; }
#workspace .tr-select { display:block; position:relative; min-width:0; }
#workspace .tr-select > i { position:absolute; right:10px; top:50%; transform:translateY(-50%); color:var(--muted); pointer-events:none; }
#workspace .tr-select > i svg { width:15px; height:15px; }
#workspace .tr-select select,#workspace .tr-term-form input,dialog.tr-voice-dialog select {
  display:block; box-sizing:border-box; appearance:none; width:100%; min-width:0; height:41px; margin:0; padding:0 30px 0 11px; border:1px solid var(--line); border-radius:9px; background:var(--bg); color:var(--ink); font:inherit; font-size:14px; line-height:normal; box-shadow:none;
}
#workspace .tr-select select { cursor:pointer; text-overflow:ellipsis; }
#workspace .tr-pair select { font-weight:600; }
#workspace .tr-pair #translate-swap { justify-self:center; width:38px; min-height:40px; padding:0; color:var(--tr-accent); }
#workspace .tr-compose { padding:14px 18px 12px; border:0; background:transparent; }
#workspace .tr-compose textarea,dialog.tr-voice-dialog textarea {
  box-sizing:border-box; display:block; width:100%; min-width:0; min-height:120px; height:clamp(120px,14vh,166px); max-height:360px; margin:0; padding:12px 13px;
  resize:vertical; background:var(--bg); color:var(--ink); border:1px solid var(--line); border-radius:10px; font:inherit; font-size:15px; line-height:1.65; box-shadow:none;
}
#workspace .tr-compose textarea::placeholder, dialog.tr-voice-dialog textarea::placeholder { color:var(--muted); opacity:1; }
#workspace .tr-compose textarea:focus { border-color:var(--tr-accent); }
#workspace .tr-compose-actions { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px; }
#workspace .tr-compose-actions .tr-primary { min-width:88px; }
#workspace .tr-feedback { display:flex; align-items:center; flex-wrap:wrap; gap:2px 8px; min-height:16px; margin-top:8px; color:var(--muted); font-size:11px; line-height:1.5; }
#workspace .tr-feedback :empty { display:none; }
#workspace .tr-feedback .tr-text-button { min-height:24px; padding:1px 3px; font-size:12px; }
#workspace .tr-feedback .tr-shortcut { margin-inline-start:auto; }
#workspace .translate-view-v3913 :is(.bad,.tr-error) { color:var(--tr-danger); }
#workspace #tr-clear-confirm { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:8px 16px; border-bottom:1px solid var(--line); font-size:13px; }
#workspace #tr-clear-confirm > span { margin-inline-end:auto; }
#workspace #tr-clear-confirm button { min-height:32px; }
#workspace #tr-clear-yes { color:var(--tr-danger); }
#workspace .tr-log { flex:1 1 auto; height:auto; min-height:220px; max-height:clamp(360px,56vh,640px); padding:0 18px; overflow:auto; overscroll-behavior:auto; display:block; border:0; border-radius:0 0 14px 14px; background:transparent; }
#workspace .tr-log:has(.tr-empty) { display:grid; align-content:center; }
#workspace .tr-empty { display:grid; justify-items:center; gap:7px; padding:38px 14px; text-align:center; }
#workspace .tr-empty strong { margin:5px 0 0; color:var(--ink); font-size:17px; line-height:1.5; font-weight:650; }
#workspace .tr-empty p { max-width:34ch; padding:0; margin:0; color:var(--muted); font-size:13px; line-height:1.65; }
#workspace .tr-empty-mark { position:relative; width:65px; height:48px; color:var(--tr-accent); }
#workspace .tr-empty-mark span { display:grid; place-items:center; position:absolute; top:0; left:1px; width:36px; height:34px; border:1px solid var(--tr-rim); border-radius:10px 10px 3px 10px; background:var(--tr-tint); font-size:15px; line-height:1; font-weight:600; }
#workspace .tr-empty-mark span + span { top:15px; left:27px; width:35px; height:32px; border-radius:9px 9px 9px 3px; background:var(--card); }
#workspace .tr-turn { margin:0; padding:15px 0; min-width:0; border-bottom:1px solid var(--line); }
#workspace .tr-turn:last-child { border-bottom:0; }
#workspace .tr-side { min-width:0; }
#workspace .tr-side > div:first-child { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
#workspace .tr-side-label,#workspace .tr-side-language { color:var(--muted); font-size:12px; line-height:1.45; font-weight:550; }
#workspace .tr-side-language { border-inline-start:1px solid var(--line); padding-inline-start:7px; font-weight:400; }
#workspace .tr-side p,#workspace .tr-live-row p,#workspace .tr-live-caption p { margin:4px 0 0; color:var(--ink); font-size:15px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; text-align:start; }
#workspace .tr-original { padding-inline:10px; }
#workspace .tr-output { margin-top:10px; padding:9px 11px 6px; border-inline-start:2px solid var(--tr-rim); border-radius:2px 9px 9px 2px; background:var(--tr-tint); }
#workspace .tr-output .tr-side-label { color:var(--tr-accent); }
#workspace .tr-output .tr-pending { color:var(--muted); }
#workspace .tr-item-actions { display:flex; align-items:center; gap:7px; margin-top:3px; }
#workspace .tr-item-actions .tr-text-button { font-size:12px; }
#workspace .tr-detail { max-height:none; overflow:visible; }
#workspace .tr-detail summary { display:flex; align-items:center; gap:9px; min-height:48px; width:100%; padding:9px 15px; list-style:none; color:var(--ink); font-size:14px; font-weight:600; line-height:1.5; cursor:pointer; }
#workspace .tr-detail summary::-webkit-details-marker { display:none; }
#workspace .tr-detail summary > :last-child { margin-inline-start:auto; color:var(--muted); }
#workspace .tr-detail[open] summary > :last-child { transform:rotate(180deg); }
#workspace .tr-detail .tr-settings-fields,#workspace .tr-term-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; padding:0 15px 15px; }
#workspace .tr-detail .tr-check,#workspace .tr-live .tr-check { display:flex; align-items:center; gap:8px; min-height:29px; color:var(--ink); font-size:13px; line-height:1.5; cursor:pointer; }
#workspace .tr-detail .tr-check { grid-column:1/-1; }
#workspace .tr-check input { appearance:auto; display:block; flex:none; width:16px; height:16px; padding:0; margin:0; accent-color:var(--tr-accent); }
#workspace .tr-detail > p { margin:0 15px 10px; color:var(--muted); font-size:13px; line-height:1.5; }
#workspace .tr-detail .tr-term-form { grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:end; gap:8px; padding-bottom:10px; }
#workspace .tr-term-form input { padding:0 9px; }
#workspace #translate-term-list { padding:0 15px 12px; color:var(--muted); font-size:12px; }
#workspace #tr-term-status:not(:empty) { display:block; margin:0 15px 12px; color:var(--muted); font-size:12px; }
#workspace .tr-term-row { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid var(--line); padding:5px 0; }
#workspace .tr-term-row > span { overflow-wrap:anywhere; }
#workspace .tr-term-row button { flex:none; }
#workspace .tr-live-body { padding:16px 18px 18px; }
#workspace .tr-live-help { margin:0 0 12px; color:var(--muted); font-size:14px; }
#workspace .tr-live-modes { display:inline-flex; flex-wrap:wrap; gap:3px; padding:3px; border:1px solid var(--line); background:var(--bg); border-radius:10px; margin-bottom:9px; }
#workspace .tr-live-modes button { min-height:34px; border-color:transparent; background:transparent; color:var(--muted); }
#workspace .tr-live-modes button[aria-pressed="true"] { background:var(--tr-tint); color:var(--tr-accent); border-color:var(--tr-rim); }
#workspace .tr-live-start-row,#workspace .tr-live-log-head { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin:12px 0; }
#workspace #iuai-live-status { color:var(--muted); font-size:13px; }
#workspace #iuai-live-status.bad { color:var(--tr-danger); }
#workspace #iuai-live-start[data-active="true"] { background:color-mix(in srgb,var(--tr-danger) 12%,var(--card)); border-color:var(--tr-danger); color:var(--tr-danger); }
#workspace .tr-live-stage { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#workspace .tr-live-caption { min-width:0; min-height:86px; padding:11px; background:var(--bg); border:1px solid var(--line); border-radius:10px; }
#workspace .tr-live-caption + .tr-live-caption { background:var(--tr-tint); border-color:var(--tr-rim); }
#workspace .tr-live-caption strong { color:var(--tr-accent); font-size:12px; font-weight:600; }
#workspace .tr-live-caption p.tr-placeholder { color:var(--muted); font-size:13px; }
#workspace .tr-live-log-head { justify-content:space-between; margin-bottom:0; }
#workspace .tr-live-log-head h3 { margin:0; color:var(--ink); font-family:inherit; font-weight:600; font-size:14px; line-height:1.5; }
#workspace #iuai-live-log { max-height:220px; overflow:auto; }
#workspace .tr-live-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border-top:1px solid var(--line); padding:8px 0; }
#workspace .tr-live-row p { font-size:13px; margin:0; }
dialog.tr-voice-dialog { width:min(470px,calc(100vw - 28px)); padding:21px; color:var(--ink); border-color:var(--tr-rim); border-radius:15px; background:var(--card); }
dialog.tr-voice-dialog select { appearance:auto; padding:0 8px; width:auto; max-width:66%; }
dialog.tr-voice-dialog h2 { margin:0 0 16px; font-size:21px; }
dialog.tr-voice-dialog p { min-height:0; color:var(--muted); font-size:13px; }
dialog.tr-voice-dialog textarea { font-size:16px; height:118px; min-height:100px; }
dialog.tr-voice-dialog>div { gap:7px; }
dialog.tr-voice-dialog button { min-height:39px; padding:0 10px; }
@container tr-room (max-width:760px) {
  #workspace .tr-layout { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; grid-template-areas:"entry" "transcript" "tools"; }
  #workspace .tr-layout.tr-is-live { grid-template-areas:"entry" "live" "tools"; }
  #workspace .tr-log { min-height:0; max-height:min(60dvh,480px); }
  #workspace .tr-empty { padding:22px 8px; }
}
@container tr-room (max-width:505px) {
  #workspace .tr-heading { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:7px 9px; padding:14px; margin-bottom:12px; }
  #workspace .tr-heading-main,#workspace .tr-heading-main > div { display:contents; }
  #workspace .tr-heading h1 { grid-area:1/2; font-size:22px; line-height:1.25; }
  #workspace .tr-heading-mark { grid-area:1/1; width:36px; height:36px; border-radius:10px; }
  #workspace .tr-heading-mark svg { width:21px; height:21px; }
  #workspace .tr-heading .tr-mode-button { grid-area:1/3; padding:0 8px; min-height:38px; font-size:12px; gap:5px; max-width:128px; }
  #workspace .tr-mode-button small { display:none; }
  #workspace .tr-heading p { grid-area:2/1/auto/-1; margin:0; }
  #workspace .tr-card-head { min-height:47px; padding:7px 13px; }
  #workspace .tr-card-head h2 { font-size:16px; }
  #workspace .tr-pair { padding:12px 13px 0; gap:6px; }
  #workspace .tr-compose { padding:10px 13px 12px; }
  #workspace .tr-compose textarea { height:98px; min-height:90px; font-size:16px; }
  #workspace .tr-log { padding:0 12px; }
  #workspace .tr-feedback:has(#translate-status:empty):not(:has(#tr-view-result:not([hidden]))) { display:none; }
  #workspace .tr-shortcut { display:none; }
  #workspace .tr-select select,#workspace .tr-term-form input { font-size:16px; }
  #workspace .tr-pair select { padding-left:8px; padding-right:23px; }
  #workspace .tr-select > i { right:6px; }
  #workspace .tr-live-body { padding:12px 13px; }
}
@media(pointer:coarse) { #workspace .tr-shortcut { display:none; } }
@media(prefers-reduced-motion:no-preference) {
  #workspace .translate-view-v3913 :is(button,textarea,select) { transition:background-color .15s,border-color .15s; }
}