/* Translator-scoped surfaces match the approved Skriv editor. */
.translate-page { --tr-card: #fffdfa; --tr-raised: #f3f0eb; --tr-ink: #34312d; --tr-muted: #746e65; --tr-line: #e5dcd1; --tr-accent: #4a7b69; }
[data-theme="dark"] .translate-page { --tr-card: #2b2a27; --tr-raised: #34332e; --tr-ink: #e8e6e1; --tr-muted: #bcb7ad; --tr-line: #514f47; --tr-accent: #92b8a5; }
/* Match the writing editor's card shell; both translation panels retain equal weight. */
html body .translate-page .split-translator :is(.st-source-panel,.st-target-panel){background:rgba(255,254,251,.78)!important;border:1px solid rgba(228,220,212,.72)!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(92,77,67,.06),0 4px 16px rgba(92,77,67,.05),0 18px 56px rgba(92,77,67,.06),inset 0 1px 0 rgba(255,255,255,.55)!important}
html body .translate-page .split-translator :is(.st-source-header,.st-target-header){border-top-left-radius:19px!important;border-top-right-radius:19px!important}
html[data-theme="dark"] body .translate-page .split-translator :is(.st-source-panel,.st-target-panel){background:var(--tr-card)!important;border-color:rgba(232,224,216,.12)!important;box-shadow:0 1px 2px #0002,0 4px 16px #0002,0 18px 56px #0002,inset 0 1px 0 #ffffff06!important}
.st-result-status { margin: 12px 20px; padding: 10px 12px; border: 1px solid var(--tr-line); border-radius: 10px; color: var(--tr-muted); font-size: 14px; }
.st-result-status[hidden] { display:none!important; }
/* Local visual refinement: retain the existing sliding drawer and its handlers. */
.translate-page #drawer.st-drawer {
  background:linear-gradient(165deg,#fffdfa 0%,#fbf9f5 65%,#f2f5ef 100%)!important;
  color:var(--tr-ink)!important;border-left:1px solid var(--tr-line)!important;
  box-shadow:-8px 0 28px #443c3510!important;
  transition:transform 240ms cubic-bezier(.22,1,.36,1)!important;
}
.translate-page #drawer .st-drawer-header {
  background:#faf8f4!important;border-bottom:1px solid var(--tr-line)!important;
  min-height:60px!important;padding:12px 20px!important;
}
.translate-page #drawer :is(.st-drawer-title,.st-welcome-title) {color:var(--tr-ink)!important}
.translate-page #drawer #chatMessages,.translate-page #drawer .st-chat-messages {background:transparent!important;color:var(--tr-ink)!important}
.translate-page #drawer .st-welcome-desc {color:var(--tr-muted)!important;line-height:1.6!important}
.translate-page #drawer .st-shortcut-card {
  background:#fffdf9!important;border:1px solid var(--tr-line)!important;border-radius:14px!important;
  color:var(--tr-ink)!important;min-height:52px!important;box-shadow:0 2px 5px #443c3503!important;
  transition:background-color 140ms ease,border-color 140ms ease!important;
}
.translate-page #drawer .st-shortcut-card:is(:hover,:focus-visible) {background:#eef3ed!important;border-color:#afc2b5!important}
.translate-page #drawer .st-shortcut-icon {color:#638474!important;background:transparent!important}
.translate-page #drawer .st-shortcut-send {display:none!important}
.translate-page #drawer .st-shortcut-label {color:inherit!important;white-space:normal!important;line-height:1.45!important;text-align:start;overflow:visible!important}
.translate-page #drawer .message-bubble.ai {background:transparent!important;color:var(--tr-ink)!important;border:0!important;padding:0!important;max-width:100%!important;line-height:1.65!important}
.translate-page #drawer .message-bubble.ai > :last-child {margin-bottom:0!important}
/* Skriv reply actions: 6px below the reply. These are siblings in a 14px-gap column. */
.translate-page #drawer .message-bubble.ai + .message-actions {margin-top:-8px!important}
.translate-page #drawer .message-actions {gap:2px!important;margin-left:-4px!important;padding:0!important;opacity:.55;transition:opacity .18s}
.translate-page #drawer .message-bubble.ai:hover + .message-actions,
.translate-page #drawer .message-actions:is(:hover,:focus-within),
.translate-page #drawer .message-actions:has(.playing,.loading,.copied) {opacity:1}
.translate-page #drawer .message-actions .action-icon {width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#9a8e82!important;box-shadow:none!important}
.translate-page #drawer .message-actions .action-icon svg {width:15px!important;height:15px!important;fill:none;stroke:currentColor}
.translate-page #drawer .message-actions .action-icon:is(:hover,:focus-visible) {background:rgba(110,138,126,.08)!important;color:#4a7a68!important}
.translate-page #drawer .message-actions .action-icon:active {transform:translateY(1px)}
.translate-page #drawer .message-actions .action-icon:is(.playing,.copied) {color:#4a7a68!important}
[data-theme="dark"] .translate-page #drawer .message-actions .action-icon {color:rgba(232,221,212,.58)!important}
[data-theme="dark"] .translate-page #drawer .message-actions .action-icon:is(:hover,:focus-visible) {background:rgba(110,138,126,.12)!important;color:#a8c5b8!important}
[data-theme="dark"] .translate-page #drawer .message-actions .action-icon:is(.playing,.copied) {color:#a8c5b8!important}
@media(hover:none){.translate-page #drawer .message-actions{opacity:1}}
.translate-page #drawer .st-drawer-title {min-width:0;line-height:1.4}
.translate-page #drawer .st-drawer-header-actions {flex-shrink:0}
.translate-page #drawer .message-bubble.ai :is(strong,b,em,i) {color:inherit!important}
.translate-page #drawer .message-bubble.user {background:#6e8a7e!important;color:#fff!important;line-height:1.5!important}
.translate-page #drawer .st-chat-input-area {background:transparent!important;border-top:0!important;padding:16px 20px 20px!important}
.translate-page #drawer .st-chat-input-wrapper {
  background:#fffdf9!important;border:1px solid var(--tr-line)!important;border-radius:16px!important;
  min-height:48px!important;padding:6px 8px 6px 14px!important;box-shadow:0 2px 6px #443c3504!important;
}
.translate-page #drawer .st-chat-input-wrapper:focus-within {border-color:#89a496!important;box-shadow:none!important}
.translate-page #drawer #chatInput {color:var(--tr-ink)!important;font-size:14px!important;outline:none!important;box-shadow:none!important}
.translate-page #drawer #chatInput::placeholder {color:var(--tr-muted)!important;opacity:1!important}
.translate-page #drawer :is(.st-chat-mic-btn,.st-drawer-header-actions button) {color:var(--tr-muted)!important}
.translate-page #drawer .st-chat-send-btn {background:var(--tr-accent)!important;color:#fffdf9!important;opacity:1!important}
.translate-page #drawer .st-chat-send-btn:disabled {background:#e7ede6!important;color:#8a988d!important;opacity:1!important}
.translate-page #drawer :is(button,.st-chat-input):focus-visible {outline:none!important;box-shadow:none!important}
.translate-page #drawer button:focus-visible {background:#e5eee4!important;color:#416751!important;text-decoration:underline}
[data-theme="dark"] .translate-page #drawer.st-drawer {background:linear-gradient(165deg,#2b2a27,#292824)!important;box-shadow:-8px 0 28px #0002!important}
[data-theme="dark"] .translate-page #drawer .st-drawer-header {background:#2b2a27!important}
[data-theme="dark"] .translate-page #drawer :is(.st-shortcut-card,.st-chat-input-wrapper) {background:#302f2a!important;border-color:var(--tr-line)!important}
[data-theme="dark"] .translate-page #drawer .st-shortcut-icon {color:#aac5b6!important}
[data-theme="dark"] .translate-page #drawer .st-shortcut-card:is(:hover,:focus-visible) {background:#383b33!important;border-color:#819a8a!important}
[data-theme="dark"] .translate-page #drawer .message-bubble.user {background:#40584b!important;color:#eef2eb!important}
[data-theme="dark"] .translate-page #drawer .st-chat-send-btn {background:#92b8a5!important;color:#24392e!important}
[data-theme="dark"] .translate-page #drawer .st-chat-send-btn:disabled {background:#363b34!important;color:#9aa498!important}
[data-theme="dark"] .translate-page #drawer button:focus-visible {background:#394d3e!important;color:#d2e6d3!important}
@media(prefers-reduced-motion:reduce){.translate-page #drawer.st-drawer,.translate-page #drawerBackdrop{transition:none!important}}
@media(max-width:600px){.translate-page #drawer .st-chat-input-area{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}}

.translate-page #drawer .st-chat-welcome{background:transparent!important}

/* The drawer must sit above sticky language controls, toolbars and mobile navigation. */
.translate-page #drawer.st-drawer{z-index:9101!important}
.translate-page #drawerBackdrop{z-index:9100!important}
@media(max-width:767px){.translate-page #drawer.st-drawer{width:100vw!important;max-width:100vw!important;height:100dvh!important;border-left:0!important}}

/* One quiet tone disclosure, retaining all five existing choices. */
.translate-page #st-tone-trigger {margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;min-height:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--tr-muted);font-family:inherit;font-size:13px;font-weight:400;line-height:1.4;cursor:pointer;box-shadow:none}
.translate-page #st-tone-trigger .st-tone-label {color:var(--tr-ink);font-weight:500}
.translate-page #st-tone-trigger:is(:hover,:focus-visible,[aria-expanded="true"]) {background:var(--tr-raised);outline:none;border-color:var(--tr-line)}
.translate-page #st-tone-trigger svg {transition:transform 160ms ease}
.translate-page #st-tone-trigger[aria-expanded="true"] svg {transform:rotate(180deg)}
.translate-page #st-tone-trigger:disabled {opacity:.5;cursor:default}
.translate-page #st-tone-options {position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;width:208px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:6px!important;border:1px solid var(--tr-line)!important;border-radius:14px!important;background:var(--tr-card)!important;color:var(--tr-ink)!important;box-shadow:0 8px 24px #443c3515!important;gap:2px!important;flex-direction:column!important}
.translate-page #st-tone-options:not(:popover-open) {display:none!important}
.translate-page #st-tone-options:popover-open {display:flex!important;animation:tr-menu-in 160ms ease-out}
.translate-page #st-tone-options .st-tone-preset-btn {display:grid!important;grid-template-columns:18px minmax(0,1fr) 12px!important;gap:10px!important;align-items:center!important;flex:none!important;min-height:40px!important;width:100%!important;padding:8px 12px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--tr-ink)!important;font-size:14px!important;font-weight:400!important;box-shadow:none!important;white-space:normal!important;text-align:start!important;outline:none!important}
.translate-page #st-tone-options .st-tone-ico {display:inline-flex!important;align-items:center;justify-content:center;width:18px;height:18px;color:var(--tr-muted)}
.translate-page #st-tone-options .st-tone-ico svg {display:block;width:18px;height:18px;stroke-width:1.7}
.translate-page #st-tone-options .st-tone-preset-btn.active {background:var(--tr-raised)!important;font-weight:600!important}
.translate-page #st-tone-options .st-tone-preset-btn.active::after {content:'';width:6px;height:10px;border:solid var(--tr-accent);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-inline:0 3px;grid-column:3;justify-self:center}
.translate-page #st-tone-options .st-tone-preset-btn:is(:hover,:focus-visible) {background:var(--tr-raised)!important;border-color:transparent!important;outline:none!important}
.translate-page #st-tone-options .st-tone-preset-btn:focus-visible {text-decoration:underline;text-underline-offset:4px}
.translate-page #st-tone-options .st-tone-preset-btn:disabled {opacity:.5!important}
/* Settings are a readable form, not a dense uppercase command menu. */
.translate-page #settingsPopover.st-settings-popover {position:fixed!important;right:auto!important;bottom:auto!important;width:360px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;margin:0!important;background:var(--tr-card)!important;border:1px solid var(--tr-line)!important;border-radius:18px!important;box-shadow:0 8px 28px #443c3515!important;z-index:9000!important;animation:tr-menu-in 160ms ease-out}
.translate-page #settingsPopover .st-settings-header {display:flex;align-items:center;justify-content:space-between;padding:12px 18px!important;border-bottom:1px solid var(--tr-line)!important;background:transparent!important}
.translate-page #settingsPopover .st-settings-title {font-size:15px!important;font-weight:600!important;color:var(--tr-ink)!important}
.translate-page #st-settings-close {display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--tr-muted);cursor:pointer}
.translate-page #st-settings-close:is(:hover,:focus-visible) {background:var(--tr-raised);border-color:var(--tr-line);outline:none}
.translate-page #settingsPopover .st-settings-body {padding:4px 18px 12px!important;gap:0!important}
.translate-page #settingsPopover .st-settings-group {padding:14px 0!important;border-bottom:1px solid var(--tr-line);margin:0!important}
.translate-page #settingsPopover .st-settings-group:last-child {border-bottom:0;padding-bottom:4px!important}
.translate-page #settingsPopover .st-settings-row {gap:18px!important;align-items:center!important}
.translate-page #settingsPopover .st-settings-label-wrap {min-width:0;gap:5px!important}
.translate-page #settingsPopover .st-settings-label {text-transform:none!important;letter-spacing:normal!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;color:var(--tr-ink)!important}
.translate-page #settingsPopover .st-settings-helper {display:block!important;max-height:none!important;opacity:1!important;margin:0!important;transform:none!important;transition:none!important;color:var(--tr-muted)!important;font-size:12px!important;line-height:1.5!important;overflow:visible!important}
/* 44x24 border-box, 18px thumb: equal 3px outer inset in both states. */
.translate-page #settingsPopover .st-settings-toggle {box-sizing:border-box!important;width:44px!important;height:24px!important;flex-shrink:0!important;background:var(--tr-line)!important;border:1px solid transparent!important}
.translate-page #settingsPopover .st-settings-toggle .st-toggle-thumb {width:18px!important;height:18px!important;top:2px!important;left:2px!important}
.translate-page #settingsPopover .st-settings-toggle[aria-checked="true"] {background:var(--tr-accent)!important}
.translate-page #settingsPopover .st-settings-toggle:focus-visible {outline:none!important;box-shadow:none!important;border-color:var(--tr-ink)!important}
.translate-page #settingsPopover .st-settings-radio-row {display:flex!important;flex-direction:row!important;gap:8px!important;margin-top:8px!important}
.translate-page #settingsPopover .st-settings-radio {flex:1;min-height:40px;padding:8px!important;color:var(--tr-ink)!important;border:1px solid var(--tr-line);border-radius:10px!important;background:transparent}
.translate-page #settingsPopover .st-settings-radio:has(input:checked) {background:var(--tr-raised);border-color:var(--tr-accent)}
.translate-page #settingsPopover .st-settings-radio:is(:hover,:focus-within) {background:var(--tr-raised);border-color:var(--tr-muted)}
.translate-page #settingsPopover .st-settings-radio input:focus-visible {outline:none!important;box-shadow:none!important}
[data-theme="dark"] .translate-page :is(#settingsPopover.st-settings-popover,#st-tone-options) {box-shadow:0 8px 28px #0003!important}
@keyframes tr-menu-in {from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){html body .translate-page .split-translator .st-target-header{display:flex!important;height:auto!important;min-height:44px!important;padding:4px 12px!important;overflow:visible!important} .translate-page #st-tone-trigger{min-height:40px}}
@media(prefers-reduced-motion:reduce){.translate-page :is(#st-tone-options:popover-open,#settingsPopover.st-settings-popover){animation:none!important}.translate-page #st-tone-trigger svg{transition:none}}
/* Keep translator settings reachable on phones; the global More menu has different actions. */
@media(max-width:767px){
.translate-page #overflowMenuBtn{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:40px!important;padding:0!important}
.translate-page #overflowMenuBtn > span{display:none!important}
.translate-page .st-language-bar .st-lang-group{min-width:0!important}
.translate-page .st-language-bar .st-lang-selector{min-width:0!important}
}

@media(max-width:380px){.translate-page .st-language-bar{gap:6px!important}.translate-page .st-language-bar .st-lang-selector{gap:4px!important;padding:0 4px!important}.translate-page .st-language-bar .st-lang-selector .st-chevron{width:12px!important;flex:0 0 12px!important}}
@media(max-width:380px){.translate-page .st-language-bar .st-lang-name{font-size:13px!important}}

/* Dimming communicates stale output visually; retain the polite screen-reader status. */
.translate-page #st-stale-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

html body .translate-page #main-content .split-translator .st-language-bar{--tr-picker-hover:#eff0ec}
html[data-theme=dark] body .translate-page #main-content .split-translator .st-language-bar{--tr-picker-hover:#363832}
/* Language controls share the tone menu's surface, spacing and selection treatment. */
html body .translate-page #main-content .split-translator .st-language-bar :is(.st-lang-selector,#swapLangsBtn,#overflowMenuBtn){min-height:44px!important;height:44px!important;border:1px solid transparent!important;border-radius:10px!important;color:var(--tr-ink)!important;box-shadow:none!important;outline:none!important}
html body .translate-page #main-content .split-translator .st-language-bar :is(#swapLangsBtn,#overflowMenuBtn){min-width:44px!important;flex-shrink:0!important}
html body .translate-page #main-content .split-translator .st-language-bar :is(.st-lang-selector,#swapLangsBtn,#overflowMenuBtn):is(:hover,:focus-visible,.open):not(:disabled){background:var(--tr-picker-hover)!important}
html body .translate-page #main-content .split-translator .st-language-bar :is(button,input):focus-visible{outline:none!important;box-shadow:none!important;text-decoration:underline;text-underline-offset:4px}
html body .translate-page #main-content .split-translator #swapLangsBtn:disabled{opacity:.4!important;cursor:default}
html body .translate-page #main-content .split-translator :is(.st-lang-selector,.st-lang-option) .st-flag{display:block!important;width:20px!important;height:16px!important;flex:0 0 20px!important;object-fit:contain!important;border-radius:2px!important;box-shadow:none!important}
html body .translate-page #main-content .split-translator :is(.st-lang-selector,.st-lang-option) .st-flag[src$="/globe.svg"]{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important}
html body .translate-page #main-content .split-translator .st-lang-dropdown{padding:6px!important;border:1px solid var(--tr-line)!important;border-radius:14px!important;background:var(--tr-card)!important;color:var(--tr-ink)!important;box-shadow:0 8px 24px #443c3515!important;width:248px!important;max-width:calc(100vw - 24px)!important;max-height:min(420px,calc(var(--ss-vv-height,100dvh) - 100px))!important;overflow:hidden!important}
html body .translate-page #main-content .split-translator .st-lang-dropdown.open{display:flex!important;flex-direction:column!important;gap:4px!important}
html body .translate-page #main-content .split-translator .st-lang-search-wrap{flex:0 0 auto!important;margin:0 0 4px!important;padding:0!important;background:transparent!important;border:0!important}
html body .translate-page #main-content .split-translator .st-lang-search{box-sizing:border-box!important;min-height:44px!important;width:100%!important;padding:10px 12px!important;border:1px solid var(--tr-line)!important;border-radius:9px!important;background:var(--tr-card)!important;color:var(--tr-ink)!important;box-shadow:none!important;outline:none!important;font-size:16px!important}
html body .translate-page #main-content .split-translator .st-lang-search:focus{background:var(--tr-picker-hover)!important}
html body .translate-page #main-content .split-translator .st-lang-search::placeholder{color:var(--tr-muted)!important;opacity:1}
html body .translate-page #main-content .split-translator .st-lang-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding:4px;padding:0!important}
html body .translate-page #main-content .split-translator .st-lang-option{display:flex;align-items:center!important;gap:10px!important;margin:0 0 4px!important;width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;flex-shrink:0!important;padding:8px 12px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--tr-ink)!important;font-size:14px!important;font-weight:400!important;text-align:start!important;box-shadow:none!important;outline:none!important}
html body .translate-page #main-content .split-translator .st-lang-option>span{flex:1;min-width:0;white-space:normal}
html body .translate-page #main-content .split-translator .st-lang-option:is(:hover,:focus-visible,.selected,.st-lang-keyboard-active){background:var(--tr-picker-hover)!important;border-color:transparent!important;color:var(--tr-ink)!important}
html body .translate-page #main-content .split-translator .st-lang-option.selected{font-weight:600!important}
html body .translate-page #main-content .split-translator .st-lang-option.selected::after{content:''!important;position:static!important;width:6px!important;height:10px!important;flex:0 0 6px!important;border:solid var(--tr-accent)!important;border-width:0 1.5px 1.5px 0!important;transform:rotate(45deg)!important;margin-inline:0 3px!important;background:none!important}
html body .translate-page #main-content .split-translator .st-lang-keyboard-active{text-decoration:underline!important;text-underline-offset:4px}
html body .translate-page #main-content .split-translator .st-lang-expand-btn{flex:0 0 auto!important;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px!important;width:100%!important;border:0!important;border-top:1px solid var(--tr-line)!important;border-radius:0 0 8px 8px!important;background:transparent!important;color:var(--tr-muted)!important;font-size:13px!important}
html body .translate-page #main-content .split-translator .st-lang-expand-btn::before,html body .translate-page #main-content .split-translator .calm-expand-label::after{content:none!important}
html body .translate-page #main-content .split-translator .st-lang-expand-btn:is(:hover,:focus-visible){background:var(--tr-picker-hover)!important;color:var(--tr-ink)!important}
html body .translate-page #main-content .split-translator .calm-expand-label{display:inline!important;font-size:inherit!important}
html body .translate-page #main-content .split-translator :is(.st-lang-expand-btn,.st-lang-empty)[hidden]{display:none!important}
html body .translate-page #main-content .split-translator .st-lang-empty{padding:16px 12px;color:var(--tr-muted);font-size:14px;line-height:1.5}
html body .translate-page #main-content .split-translator #overflowDropdown{padding:6px!important;border:1px solid var(--tr-line)!important;border-radius:14px!important;background:var(--tr-card)!important;box-shadow:0 8px 24px #443c3515!important}
html body .translate-page #main-content .split-translator #overflowDropdown .st-dropdown-item{min-height:44px!important;border:1px solid transparent!important;border-radius:8px!important;color:var(--tr-ink)!important;box-shadow:none!important}
html body .translate-page #main-content .split-translator #overflowDropdown .st-dropdown-item:is(:hover,:focus-visible){background:var(--tr-picker-hover)!important;outline:none!important;border-color:transparent!important}
html[data-theme=dark] body .translate-page #main-content .split-translator :is(.st-lang-dropdown,#overflowDropdown){box-shadow:0 8px 24px #0003!important}
@media(max-width:767px){html body .translate-page #main-content .split-translator #overflowMenuBtn{flex:0 0 44px!important;width:44px!important}html body .translate-page #main-content .split-translator #overflowMenuBtn>span{display:none!important}}
html body .translate-page #main-content .split-translator .st-lang-search-wrap::after{content:none!important}
@media(max-width:767px){html body .translate-page #main-content .split-translator .st-lang-dropdown.open{width:calc(100vw - 24px)!important;max-height:calc(var(--ss-vv-height,100dvh) - 85px)!important}}
/* Keep open language menus above the editor controls on narrow screens. */
html body .translate-page #main-content .split-translator .st-language-bar:has(.st-lang-dropdown.open,#overflowDropdown.open){z-index:100!important}
@media(max-width:380px){html body .translate-page #main-content .split-translator .st-language-bar{gap:4px!important}html body .translate-page #main-content .split-translator .st-lang-selector{gap:2px!important;padding-inline:2px!important}html body .translate-page #main-content .split-translator .st-lang-selector>.st-chevron{display:none!important}html body .translate-page #main-content .split-translator .st-lang-selector .st-flag[src$="/globe.svg"]{width:16px!important;height:16px!important;flex-basis:16px!important}}
.translate-page #st-tone-trigger{flex-shrink:0}

/* Whole-input action: a named header with a quiet copy control, not an isolated icon. */
html body .translate-page .split-translator :is(.st-source-header,.st-target-header){display:flex!important;align-items:center!important;gap:12px!important;min-height:52px!important;height:52px!important;padding:8px 20px!important;background:#faf8f4!important;border-bottom:1px solid var(--tr-line)!important;flex-shrink:0!important}
html body .translate-page .split-translator .st-source-header{justify-content:space-between!important}
html body .translate-page .split-translator .st-target-header{justify-content:flex-end!important}
.translate-page .st-source-heading{font-size:13px;font-weight:500;line-height:1.4;color:var(--tr-muted)}
html body .translate-page .split-translator .st-source-header .st-header-action-group{margin-inline-start:auto;display:flex;align-items:center;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .translate-page .split-translator .st-source-header #sourceCopyBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;min-width:84px!important;height:36px!important;padding:0 10px!important;background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;color:var(--tr-muted)!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;white-space:nowrap!important;transform:none!important;transition:background-color .12s ease,color .12s ease!important}
html body .translate-page .split-translator .st-source-header #sourceCopyBtn svg{width:16px!important;height:16px!important;stroke-width:1.7!important;flex-shrink:0}
html body .translate-page .split-translator .st-source-header #sourceCopyBtn:is(:hover,:focus-visible):not(:disabled){background:var(--ed-hover)!important;color:var(--ed-ink)!important;outline:none!important}
html body .translate-page .split-translator .st-source-header #sourceCopyBtn:disabled{opacity:.4!important;cursor:default!important}
html[data-theme="dark"] body .translate-page .split-translator :is(.st-source-header,.st-target-header){background:#2b2a27!important}
@media(max-width:767px){html body .translate-page .split-translator :is(.st-source-header,.st-target-header){height:44px!important;min-height:44px!important;padding:2px 12px!important}.translate-page #st-tone-trigger{min-height:36px}}

/* History and Saved share the translator's neutral surfaces and reading order. */
.translate-page #drawer .ss-saved-tabs{gap:4px;padding:4px;margin:16px 20px 4px;background:var(--tr-raised);border:1px solid var(--tr-line);border-radius:12px;flex-shrink:0}
.translate-page #drawer .ss-saved-tab{flex:1;min-height:36px;padding:6px 12px;border:1px solid transparent;border-radius:8px;color:var(--tr-muted);font-size:14px}
.translate-page #drawer .ss-saved-tab::before{content:none}
.translate-page #drawer .ss-saved-tab[aria-pressed="true"]{background:var(--tr-card);color:var(--tr-ink);border-color:var(--tr-line);font-weight:500}
.translate-page #drawer .ss-saved-tabs .ss-saved-tab:is(:hover,:focus-visible){background:transparent!important;color:var(--tr-ink)!important;outline:none!important;box-shadow:none!important;border-color:transparent!important}
.translate-page #drawer .ss-saved-tabs .ss-saved-tab[aria-pressed="true"]:is(:hover,:focus-visible){background:var(--tr-card)!important;border-color:var(--tr-line)!important}
.translate-page #drawer .ss-saved-tab:focus-visible{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}
.translate-page #drawer :is(.st-history-list,.ss-saved-list){padding:12px 20px 20px!important;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;gap:10px!important}
.translate-page #drawer :is(.st-history-card,.ss-saved-row){background:var(--tr-card)!important;border:1px solid var(--tr-line)!important;border-radius:14px!important;box-shadow:none!important;color:var(--tr-ink)!important;text-align:start!important;transform:none!important}
.translate-page #drawer .st-history-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:14px 16px!important;gap:6px!important;flex-shrink:0}
.translate-page #drawer :is(.st-history-card,.ss-saved-row):is(:hover,:focus-within){background:var(--tr-raised)!important;border-color:var(--tr-accent)!important}
.translate-page #drawer :is(.st-history-source,.ss-saved-src){display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal!important;overflow-wrap:anywhere;color:var(--tr-ink)!important;font-size:14px!important;font-weight:500!important;line-height:1.55!important;margin:0!important}
.translate-page #drawer :is(.st-history-target,.ss-saved-dst){display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal!important;overflow-wrap:anywhere;color:var(--tr-muted)!important;font-size:13px!important;font-weight:400!important;line-height:1.55!important;padding:0!important;border:0!important;margin:0!important}
.translate-page #drawer .st-history-meta{display:flex!important;order:-1;flex-wrap:wrap;gap:4px 12px;align-items:center;margin:0 0 2px!important;color:var(--tr-muted)!important;font-size:11px!important;line-height:1.5}
.translate-page #drawer .st-history-meta > span{color:inherit!important;font-size:inherit!important;background:none!important;padding:0!important;border:0!important}
.translate-page #drawer .st-history-tone{display:none!important}
.translate-page #drawer .st-history-time{margin-inline-start:auto}
.translate-page #drawer .ss-saved-row{margin-bottom:10px;align-items:center}
.translate-page #drawer .ss-saved-insert{flex-direction:column;align-items:stretch;gap:8px;padding:14px 4px 14px 16px;transform:none!important;outline:none!important}
.translate-page #drawer .ss-saved-pair{display:flex;flex-direction:column;gap:6px}
.translate-page #drawer .ss-saved-meta{font-size:11px;color:var(--tr-muted);line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.translate-page #drawer .ss-saved-row .ss-saved-star{width:36px;height:36px;flex:0 0 36px;margin:0 8px 0 4px;color:var(--tr-accent);border:1px solid transparent;border-radius:8px}
.translate-page #drawer .ss-saved-row .ss-saved-star::before{content:none}
.translate-page #drawer .ss-saved-row .ss-saved-star:focus-visible{outline:none!important;border-color:var(--tr-accent)}
.translate-page #drawer :is(.st-history-empty,.ss-saved-empty){color:var(--tr-muted)!important;line-height:1.6!important;padding:40px 24px!important}
.translate-page #drawer .st-history-footer{padding:10px 20px!important;background:var(--tr-card)!important;border-color:var(--tr-line)!important}
.translate-page #drawer .st-history-clear-btn{color:var(--tr-muted)!important}

/* Word cards share the translator's warm paper, quiet dividers and soft depth. */
html body #altPopover.st-word-choice-popover{box-sizing:border-box;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:min(480px,60vh)!important;padding:0!important;background:#fffdfa!important;color:#34312d!important;border:1px solid #e5dcd1!important;border-radius:20px!important;box-shadow:0 4px 16px rgba(92,77,67,.05),0 18px 56px rgba(92,77,67,.10)!important;overflow:auto;outline:none!important}
html body #altPopover.st-word-choice-popover .st-wc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 16px;border-bottom:1px solid #e5dcd1}
html body #altPopover .st-wc-title{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:#746e65;opacity:1}
html body #altPopover .st-wc-word{font-size:24px;font-weight:600;line-height:1.3;margin-top:5px}
html body #altPopover .st-wc-meta{font-size:13px;color:#746e65;opacity:1;margin-top:6px}
html body #altPopover .st-wc-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;padding:0;margin:-5px -7px 0 0;border:0;border-radius:9px;background:transparent;color:#746e65;font-family:inherit;font-size:22px;line-height:1;cursor:pointer}
html body #altPopover.st-word-choice-popover .st-wc-body{padding:8px}
html body #altPopover .st-wc-choice-row{padding:0;border:0;border-radius:12px;gap:4px}
html body #altPopover .st-wc-choice{min-height:52px;padding:10px 12px;border-radius:12px;transform:none}
html body #altPopover .st-wc-text{font-size:15px;font-weight:500;color:#34312d}
html body #altPopover .st-wc-label{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:#746e65;opacity:1;line-height:1.5;margin-top:3px}
html body #altPopover .st-wc-choice-row:hover,html body #altPopover .st-wc-close:hover{background:#f3f0eb}
html body #altPopover .st-wc-tts{width:40px;min-width:40px;height:40px;margin:0 4px 0 0;border:0;border-radius:10px;background:transparent;color:#746e65;opacity:1}
html body #altPopover .st-wc-tts:hover{background:#eae5dd;color:#34312d}
html body #altPopover.st-word-choice-popover button:focus-visible{outline:none!important;box-shadow:none!important;background:#f3f0eb;text-decoration:underline;text-underline-offset:4px}
html body #altPopover .st-wc-msg{padding:12px;font-size:14px;line-height:1.6;opacity:1;color:#746e65}
html body #altPopover .st-alt-loading{display:flex;align-items:center;justify-content:flex-start;gap:4px;min-height:52px;padding:12px;color:#746e65;font-size:14px}
html body #altPopover .st-alt-loading>span:first-child{margin-right:6px}
html body #altPopover .st-wc-footer{padding:12px;border:0;line-height:1.5}
::highlight(st-wc-unit){background:rgba(110,138,126,.24)!important;color:inherit}
html[data-theme=dark] body #altPopover.st-word-choice-popover{background:#2b2a27!important;color:#e8e6e1!important;border-color:#514f47!important;box-shadow:0 8px 32px #0005!important}
html[data-theme=dark] body #altPopover .st-wc-head{border-color:#514f47}
html[data-theme=dark] body #altPopover :is(.st-wc-title,.st-wc-meta,.st-wc-label,.st-wc-msg,.st-wc-tts,.st-wc-close,.st-alt-loading){color:#bcb7ad}
html[data-theme=dark] body #altPopover .st-wc-text{color:#e8e6e1}
html[data-theme=dark] body #altPopover :is(.st-wc-choice-row:hover,.st-wc-close:hover,.st-wc-tts:hover,button:focus-visible){background:#34332e}
@media(pointer:coarse){html body #altPopover :is(.st-wc-tts,.st-wc-close){min-width:44px;min-height:44px}}
/* History consent: scoped to the existing drawer footer, never viewport-fixed. */
#historyFooter.st-history-footer { flex-direction: column; align-items: stretch; gap: 0; }
#historyFooter #historyClearBtn[hidden] { display: none !important; }
#historySaveToggle {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  width: 100%; min-height: 44px; padding: 0; margin: 0;
  border: 0; border-radius: 6px; background: transparent; color: var(--tr-ink, #34312d);
  font: inherit; font-size: 14px; cursor: pointer; text-align: start;
}
#historySaveToggle:focus-visible { outline: none; background: var(--tr-raised, #f3f0eb); }
#historySaveToggle:focus-visible #historySaveLabel { text-decoration: underline; text-underline-offset: 3px; }
#historySaveToggle:disabled { cursor: progress; }
#historySaveToggle .st-history-switch {
  display: inline-flex; align-items: center; flex: 0 0 40px; width: 40px; height: 24px;
  padding: 3px; box-sizing: border-box; border-radius: 99px; background: #827d74;
}
#historySaveToggle .st-history-switch > span {
  display: block; width: 18px; height: 18px; border-radius: 50%; background: #fffdfa;
  transform: translateX(0); transition: transform .15s ease;
}
#historySaveToggle[aria-checked="true"] .st-history-switch { background: #4a7b69; }
#historySaveToggle[aria-checked="true"] .st-history-switch > span { transform: translateX(16px); }
[dir="rtl"] #historySaveToggle[aria-checked="true"] .st-history-switch > span { transform: translateX(-16px); }
html.dark #historySaveToggle .st-history-switch,
body.dark #historySaveToggle .st-history-switch,
[data-theme="dark"] #historySaveToggle .st-history-switch { background: #99948b; }
html.dark #historySaveToggle[aria-checked="true"] .st-history-switch,
body.dark #historySaveToggle[aria-checked="true"] .st-history-switch,
[data-theme="dark"] #historySaveToggle[aria-checked="true"] .st-history-switch { background: #92b8a5; }
html.dark #historySaveToggle .st-history-switch > span,
body.dark #historySaveToggle .st-history-switch > span,
[data-theme="dark"] #historySaveToggle .st-history-switch > span { background: #242a26; }
@media (prefers-reduced-motion: reduce) { #historySaveToggle .st-history-switch > span { transition: none; } }

/* History management stays in its drawer header; the footer contains consent only. */
#drawer #historyActions { position:relative; }
#drawer :is(#chatResetBtn,#historyActions,#historyActionMenu,#historyClearBtn,#historyClearError)[hidden] { display:none!important; }
#drawer #historyMoreBtn { display:grid;place-items:center;width:44px!important;height:44px!important;padding:0;border:0;border-radius:9px;background:transparent;color:var(--tr-muted)!important; }
#drawer #historyMoreBtn:is(:hover,[aria-expanded="true"]) { background:var(--tr-raised)!important; }
#drawer #historyActionMenu { position:absolute;z-index:5;inset-block-start:calc(100% + 4px);inset-inline-end:0;width:174px;padding:5px;background:var(--tr-card)!important;border:1px solid var(--tr-line);border-radius:10px;box-shadow:0 6px 18px #0002; }
#drawer #historyClearOpenBtn { display:flex;align-items:center;gap:10px;width:100%!important;height:auto!important;min-height:44px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--tr-ink)!important;font:inherit;font-size:14px;text-align:start; }
#drawer #historyClearOpenBtn:disabled { color:var(--tr-muted)!important;opacity:.6;cursor:default; }
#drawer #historyClearOpenBtn:not(:disabled):hover { background:var(--tr-raised)!important; }
#drawer #historyClearDialog { position:fixed;inset:0;margin:auto!important;width:min(360px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid var(--tr-line);border-radius:14px;background:var(--tr-card)!important;color:var(--tr-ink)!important;box-shadow:0 16px 48px #0004; }
#drawer #historyClearDialog::backdrop { background:#0005; }
#drawer #historyClearTitle { margin:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5; }
#drawer #historyClearDescription { margin:10px 0 20px;font-size:14px;line-height:1.6;color:var(--tr-muted)!important; }
#drawer #historyClearError { font-size:14px;line-height:1.6;color:var(--tr-ink)!important; }
#drawer .st-history-confirm-actions { display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap; }
#drawer .st-history-confirm-actions button { min-height:44px;padding:8px 14px;border:1px solid var(--tr-line);border-radius:9px;background:var(--tr-raised)!important;color:var(--tr-ink)!important;font:inherit;font-size:14px; }
#drawer :is(#historyMoreBtn,#historyClearOpenBtn,.st-history-confirm-actions button):focus-visible { outline:none!important;box-shadow:none!important;background:var(--tr-raised)!important;text-decoration:underline;text-underline-offset:3px; }