#tool-translate{--translate-glow:color-mix(in srgb,var(--auth-pink) 35%,transparent);display:grid;gap:1rem}#tool-translate[data-state="recording"]{--translate-glow:color-mix(in srgb,var(--color-danger) 45%,transparent)}#tool-translate-pair{display:inline-flex;align-items:center;gap:0.3rem;padding:0.2rem;border:1px solid var(--auth-line-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-white) 6%,transparent)}#tool-translate-pair::before{display:none}#tool-translate-pair>svg{width:0.95rem;height:0.95rem;color:var(--auth-pink)}#tool-translate-pair abbr{display:inline-grid;place-items:center;min-width:1.7rem;height:1.4rem;padding:0 0.3rem;border-radius:var(--radius-pill);background:var(--color-white);color:var(--auth-deep);font-size:0.66rem;font-weight:800;letter-spacing:0.06em;text-decoration:none}#tool-translate .translate-pane{position:relative;display:flex;flex-direction:column;min-height:0;padding:1rem 1.15rem 1rem;border:1px solid var(--auth-line);border-radius:0.8rem;background:linear-gradient(160deg,color-mix(in srgb,var(--color-white) 11%,transparent),color-mix(in srgb,var(--color-white) 6%,transparent));color:var(--color-white);text-align:left;overflow:hidden;transition:border-color 180ms ease,box-shadow 180ms ease;animation:auth-rise 650ms var(--ease-standard) 120ms both}#tool-translate .translate-pane-target{animation-delay:220ms}#tool-translate .translate-pane-header{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.4rem 0.6rem;margin-bottom:0.5rem}#tool-translate .translate-pane h3{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0.5rem;min-width:0;margin:0;color:var(--auth-pink);font-family:var(--font-display);font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase}#tool-translate .translate-pane h3 label{margin:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:text}#tool-translate .translate-copy{margin-left:auto}#tool-translate .translate-copy svg{width:0.95rem;height:0.95rem}#tool-translate .translate-copy.is-copied{border-color:transparent;background:rgba(52,199,89,0.16);color:var(--tool-success)}#tool-translate .translate-limit{flex:none;margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}#tool-translate .translate-pane-source:focus-within{border-color:var(--auth-pink);box-shadow:0 0 0 3px var(--translate-glow)}#tool-translate .translate-source{display:block;flex:1;width:100%;min-height:9rem;max-height:40vh;margin:0;padding:0.15rem 0 0.25rem;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--color-white);font-size:1.05rem;line-height:1.5;resize:none;overflow-y:auto;overscroll-behavior:contain}#tool-translate .translate-source:focus-visible,#tool-translate .translate-source.valid-value,#tool-translate .translate-source.valid-value:focus-visible{outline:none;box-shadow:none}#tool-translate .translate-source:read-only{color:var(--auth-muted);cursor:default}#tool-translate .translate-source::placeholder{color:color-mix(in srgb,var(--auth-muted) 70%,transparent)}#tool-translate .translate-actions{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:0.5rem 0.9rem;margin-top:0.5rem}#tool-translate .translate-actions-notes{display:grid;flex:1 1 12rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status ." "hint count";align-items:center;gap:0.25rem 0.75rem;min-width:0;color:var(--auth-muted);font-size:0.76rem}#tool-translate .translate-pane-hint{grid-area:hint;min-width:0}#tool-translate .translate-editor-count{grid-area:count;font-variant-numeric:tabular-nums}#tool-translate .translate-editor-count.is-near-limit{color:var(--tool-warning)}#tool-translate .translate-pane-target{border-color:color-mix(in srgb,var(--auth-pink) 35%,transparent)}#tool-translate .translate-pane-target::before{content:"";position:absolute;top:0;left:1.15rem;width:clamp(3.5rem,7vw,5.5rem);height:0.2rem;background:var(--color-brand-magenta)}#tool-translate .translate-pane-target.is-untranslated{border-color:var(--auth-line)}#tool-translate .translate-pane-target.is-untranslated::before{background:var(--auth-line-strong)}#tool-translate .translate-pane-target.is-untranslated h3{color:var(--auth-muted)}#tool-translate .translate-pane-body{display:flex;flex:1;flex-direction:column;min-height:10rem;max-height:50vh;padding-right:0.25rem;overflow-y:auto;overscroll-behavior:contain}#tool-translate .translate-live-text{margin:0;color:var(--color-white);font-size:clamp(1.15rem,2.7vh,1.6rem);font-weight:600;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}#tool-translate .translate-live-text .is-provisional{color:color-mix(in srgb,var(--color-white) 55%,transparent);font-weight:500}#tool-translate .translate-waiting{display:grid;flex:1;place-content:center;margin:0;padding:0.75rem;border:1px dashed var(--auth-line-strong);border-radius:0.6rem;color:var(--auth-muted);font-size:0.88rem;text-align:center}#tool-translate .translate-waiting[hidden]{display:none}#tool-translate .tool-translate-status{display:inline-flex;align-items:center;gap:0.5rem;min-height:1.9rem;margin:0;padding:0.25rem 0.8rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-white) 10%,transparent);color:var(--auth-muted);font-size:0.82rem;line-height:1.35;white-space:normal}#tool-translate p.translate-text-status{align-self:flex-start;margin-top:0.5rem;background:rgba(255,149,0,0.16);color:var(--tool-warning)}#tool-translate .translate-text-status:empty{display:none}#tool-translate .translate-audio-status{grid-area:status;justify-self:start;min-width:0;max-width:100%}#tool-translate .translate-audio-status.is-empty{visibility:hidden}#tool-translate[data-state="recording"] .translate-audio-status{background:color-mix(in srgb,var(--color-danger) 26%,transparent);color:var(--tool-danger)}#tool-translate[data-state="sending"] .translate-audio-status,#tool-translate[data-state="working"] .translate-audio-status{background:color-mix(in srgb,var(--auth-sky) 16%,transparent);color:var(--auth-sky)}#tool-translate[data-state="error"] .translate-audio-status{background:rgba(255,149,0,0.16);color:var(--tool-warning)}#tool-translate .translate-spinner{display:none;flex:none;width:0.9rem;height:0.9rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tool-translate-spin 0.8s linear infinite}#tool-translate[data-state="sending"] .translate-spinner,#tool-translate[data-state="working"] .translate-spinner{display:inline-block}#tool-translate .translate-unavailable{flex:1;margin:0}#tool-translate .translate-mic{position:relative;display:grid;flex:none;justify-items:center}#tool-translate .tool-translate-button{position:relative;display:grid;place-items:center;width:4.25rem;height:4.25rem;padding:0;border:0;border-radius:50%;background:linear-gradient(150deg,color-mix(in srgb,var(--color-brand-magenta) 70%,var(--color-white)),var(--color-brand-magenta) 45%,color-mix(in srgb,var(--color-brand-magenta) 60%,var(--auth-deep)));color:var(--color-white);box-shadow:inset 0 2px 0 color-mix(in srgb,var(--color-white) 35%,transparent),inset 0 -6px 14px rgba(2,21,55,0.35),0 10px 24px -10px color-mix(in srgb,var(--color-brand-magenta) 80%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter var(--transition-fast),box-shadow var(--transition-fast)}#tool-translate .tool-translate-button:hover{filter:brightness(1.1);box-shadow:inset 0 2px 0 color-mix(in srgb,var(--color-white) 35%,transparent),inset 0 -6px 14px rgba(2,21,55,0.35),0 14px 28px -10px color-mix(in srgb,var(--color-brand-magenta) 90%,transparent)}#tool-translate .tool-translate-button:active{filter:brightness(0.96)}#tool-translate .tool-translate-button:focus-visible{outline:3px solid color-mix(in srgb,var(--color-white) 90%,transparent);outline-offset:4px}#tool-translate .tool-translate-button:disabled{background:color-mix(in srgb,var(--color-white) 10%,transparent);color:var(--auth-muted);box-shadow:none;filter:none;transform:none;cursor:not-allowed}#tool-translate .tool-translate-button svg{width:1.7rem;height:1.7rem}#tool-translate .tool-translate-button.is-recording svg{display:none}#tool-translate .tool-translate-timer{padding:0.1rem 0.45rem;border-radius:var(--radius-pill);background:rgba(2,21,55,0.35);font-size:0.78rem;font-weight:700;font-variant-numeric:tabular-nums}#tool-translate .tool-translate-button-ring{position:absolute;inset:-0.3rem;border:3px solid transparent;border-radius:50%;pointer-events:none}#tool-translate .tool-translate-button.is-recording{background:linear-gradient(150deg,color-mix(in srgb,var(--color-danger) 72%,var(--color-white)),var(--color-danger) 50%,color-mix(in srgb,var(--color-danger) 70%,var(--color-black)));box-shadow:inset 0 2px 0 color-mix(in srgb,var(--color-white) 30%,transparent),0 10px 24px -10px color-mix(in srgb,var(--color-danger) 75%,transparent)}#tool-translate .tool-translate-button.is-recording .tool-translate-button-ring{border-color:color-mix(in srgb,var(--color-danger) 60%,transparent);animation:tool-translate-pulse 1.4s ease-out infinite}#tool-translate[data-state="sending"] .tool-translate-button-ring,#tool-translate[data-state="working"] .tool-translate-button-ring{border-color:color-mix(in srgb,var(--auth-sky) 20%,transparent);border-top-color:var(--auth-sky);animation:tool-translate-spin 0.9s linear infinite}#tool-translate .translate-meter{display:flex;flex:none;align-items:center;gap:3px;width:6.5rem;height:1.6rem;visibility:hidden}#tool-translate[data-state="recording"] .translate-meter{visibility:visible}#tool-translate .translate-meter span{--level:0.1;flex:1;max-width:5px;height:100%;border-radius:var(--radius-pill);background:linear-gradient(to top,var(--color-danger),var(--auth-pink));transform:scaleY(var(--level));will-change:transform}@media (max-width:40rem){#tool-translate .translate-pane{padding:0.85rem 0.9rem}#tool-translate .translate-pane-target::before{left:0.9rem}#tool-translate .translate-source{min-height:7rem}#tool-translate .translate-pane-hint{display:none}#tool-translate .translate-actions{flex-wrap:wrap;gap:0.4rem}#tool-translate .translate-actions-notes{flex-basis:100%;order:1;grid-template-areas:"status status" "hint count"}#tool-translate p.translate-audio-status{min-height:2.9rem}}@media (max-width:24rem){#tool-translate p.translate-audio-status{min-height:4rem}}@keyframes tool-translate-pulse{from{transform:scale(1);opacity:1}to{transform:scale(1.22);opacity:0}}@keyframes tool-translate-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#tool-translate .translate-pane{animation:none}#tool-translate .tool-translate-button,#tool-translate .tool-translate-button:hover{transition:none;transform:none}#tool-translate .tool-translate-button.is-recording .tool-translate-button-ring{animation:none;border-color:var(--color-danger)}#tool-translate .translate-meter span{transition:none}}