.translate-container{--tr-line: var(--border-color);--tr-line-strong: var(--border-color-hover);--tr-ink: var(--text-primary);--tr-ink-2: var(--text-secondary);--tr-ink-3: var(--text-tertiary);--tr-ai: #6366f1;--tr-ai-2: #8b5cf6;--tr-radius-lg: var(--radius-2xl, 24px);--tr-radius: var(--radius-xl, 16px);--tr-shadow: var(--shadow-lg);min-height:100vh;padding:clamp(1rem,2.4vw,2.2rem) var(--space-5) var(--space-16);color:var(--tr-ink);font-family:var(--font-sans);background:radial-gradient(circle at 12% 0%,rgba(var(--color-primary-rgb),.14),transparent 30rem),radial-gradient(circle at 92% 6%,rgba(99,102,241,.1),transparent 28rem),linear-gradient(180deg,var(--bg-page) 0%,var(--bg-muted) 100%)}.tr-shell{width:min(100%,1180px);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.tr-card{border:1px solid var(--tr-line);border-radius:var(--tr-radius-lg);background:var(--bg-card);box-shadow:var(--tr-shadow)}.tr-hero{position:relative;padding:clamp(1.4rem,3vw,2.4rem) clamp(1.2rem,3vw,2.6rem) clamp(1.4rem,3vw,2rem);border:1px solid var(--tr-line);border-radius:var(--tr-radius-lg);background:radial-gradient(circle at 88% 0%,rgba(var(--color-primary-rgb),.14),transparent 22rem),radial-gradient(circle at 6% 100%,rgba(99,102,241,.1),transparent 20rem),var(--bg-card);box-shadow:var(--tr-shadow);text-align:center;overflow:hidden}.tr-back{position:absolute;top:var(--space-4);left:var(--space-4);display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;border:1px solid var(--tr-line);border-radius:var(--radius-full);background:var(--bg-card);color:var(--tr-ink-2);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tr-back:hover{transform:translateY(-1px);border-color:rgba(var(--color-primary-rgb),.42);background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary-700)}.tr-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border:1px solid rgba(var(--color-primary-rgb),.28);border-radius:var(--radius-full);background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-700);font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase}.tr-badge.is-ai{border-color:#6366f14d;background:#6366f11f;color:#4f46e5}.tr-title{margin:var(--space-3) 0 0;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:var(--font-extrabold);letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-500) 55%,var(--color-info-500) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tr-desc{max-width:660px;margin:var(--space-3) auto 0;color:var(--tr-ink-3);font-size:var(--text-sm);line-height:1.75}.tr-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.tr-features li{padding:4px 12px;border:1px solid var(--tr-line);border-radius:var(--radius-full);background:var(--bg-muted);color:var(--tr-ink-2);font-size:var(--text-xs);font-weight:var(--font-semibold)}.tr-workbench{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,.88fr);gap:var(--space-5);align-items:start}.tr-editor,.tr-ai-side,.tr-result,.tr-langs{padding:clamp(1rem,2.2vw,1.6rem)}.tr-langbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-3);align-items:end;padding:var(--space-3);border:1px solid var(--tr-line);border-radius:var(--tr-radius);background:var(--bg-muted);margin-bottom:var(--space-4)}.tr-field{display:grid;gap:6px;min-width:0}.tr-field-label{color:var(--tr-ink-3);font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:.06em;text-transform:uppercase}.tr-select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--tr-line);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--tr-ink);outline:none;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.tr-select:focus-visible,.tr-area:focus-visible,.tr-context:focus-visible{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.18)}.tr-swap{display:grid;place-items:center;width:44px;height:44px;border:none;border-radius:var(--radius-lg);background:var(--gradient-brand);color:var(--text-on-brand);box-shadow:var(--shadow-primary-md);cursor:pointer;font-size:18px;line-height:1;transition:transform var(--duration-normal) var(--ease-bounce),box-shadow var(--duration-normal) var(--ease-out)}.tr-swap:hover{transform:rotate(180deg);box-shadow:var(--shadow-primary-lg)}.tr-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.tr-pane{display:flex;flex-direction:column;min-width:0}.tr-pane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.tr-pane-title{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--tr-ink);font-size:var(--text-sm);font-weight:var(--font-bold)}.tr-chip{display:inline-flex;align-items:center;gap:4px;max-width:150px;padding:1px 9px;border:1px solid rgba(var(--color-primary-rgb),.24);border-radius:var(--radius-full);background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-700);font-size:var(--text-2xs);font-weight:var(--font-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-chip.is-ai{border-color:#6366f147;background:#6366f11f;color:#4f46e5}.tr-mini{min-height:28px;padding:0 11px;border:1px solid var(--tr-line);border-radius:var(--radius-full);background:var(--bg-card);color:var(--tr-ink-2);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.tr-mini:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(var(--color-primary-rgb),.42);background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary-700)}.tr-mini:disabled{opacity:.45;cursor:not-allowed}.tr-area{width:100%;min-height:clamp(240px,40vh,420px);padding:var(--space-4);border:1px solid var(--tr-line);border-radius:var(--tr-radius);background:var(--bg-card);color:var(--tr-ink);outline:none;resize:vertical;font:var(--text-sm) / 1.8 var(--font-sans);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tr-area::placeholder,.tr-context::placeholder{color:var(--tr-ink-3)}.tr-area.is-output{background:linear-gradient(180deg,var(--bg-card),var(--bg-muted))}.tr-pane-foot{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--tr-ink-3);font-size:var(--text-xs);font-weight:var(--font-medium)}.tr-pane-foot.is-over{color:var(--color-danger-600)}.tr-meter{flex:0 0 84px;margin-left:auto;height:3px;border-radius:var(--radius-full);background:var(--bg-muted);overflow:hidden}.tr-meter b{display:block;height:100%;border-radius:var(--radius-full);background:var(--gradient-brand);transition:width var(--duration-normal) var(--ease-out)}.tr-pane-foot.is-over .tr-meter b{background:var(--color-danger-500)}.tr-inline-loading{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary-700)}.tr-dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary-500);animation:tr-blink 1s var(--ease-in-out) infinite}@keyframes tr-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.tr-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--tr-line)}.tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 20px;border:1px solid var(--tr-line);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--tr-ink);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-bold);white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.tr-btn:hover:not(:disabled){transform:translateY(-1px)}.tr-btn:disabled{opacity:.5;cursor:not-allowed}.tr-btn--sm{min-height:34px;padding:0 14px;font-size:var(--text-xs);font-weight:var(--font-semibold)}.tr-btn--primary{border-color:transparent;background:var(--gradient-brand);color:var(--text-on-brand);box-shadow:var(--shadow-primary-sm)}.tr-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-primary-lg)}.tr-btn--ai{border-color:transparent;background:linear-gradient(135deg,var(--tr-ai),var(--tr-ai-2));color:#fff;box-shadow:0 4px 14px #6366f142}.tr-btn--ai:hover:not(:disabled){box-shadow:0 10px 24px #6366f157}.tr-btn--ghost{background:transparent;font-weight:var(--font-semibold)}.tr-btn--ghost:hover:not(:disabled){border-color:rgba(var(--color-primary-rgb),.42);background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary-700)}.tr-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:tr-spin .7s linear infinite}@keyframes tr-spin{to{transform:rotate(360deg)}}.tr-kbd-hint{margin-left:auto;color:var(--tr-ink-3);font-size:var(--text-xs)}.tr-ai-side{position:sticky;top:var(--space-5);border-color:#6366f13d;background:linear-gradient(180deg,rgba(99,102,241,.05) 0%,var(--bg-card) 34%)}.tr-ai-side-head h2,.tr-result-head h2,.tr-langs-head h2{margin:var(--space-2) 0 0;color:var(--tr-ink);font-size:var(--text-lg);font-weight:var(--font-extrabold);letter-spacing:-.01em}.tr-ai-side-head p{margin:var(--space-2) 0 0;color:var(--tr-ink-3);font-size:var(--text-xs);line-height:1.7}.tr-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:var(--space-4) 0}.tr-styles button{display:grid;gap:3px;min-height:62px;padding:10px 11px;border:1px solid var(--tr-line);border-radius:var(--radius-lg);background:var(--bg-muted);color:var(--tr-ink);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.tr-styles button:hover{transform:translateY(-1px);border-color:#6366f15c}.tr-styles button.is-active{border-color:#6366f185;background:linear-gradient(135deg,#6366f124,#8b5cf614);box-shadow:0 8px 20px #6366f129}.tr-styles strong{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--tr-ink)}.tr-styles button.is-active strong{color:#4f46e5}.tr-styles span{color:var(--tr-ink-3);font-size:var(--text-2xs);line-height:1.5}.tr-context{min-height:92px;padding:11px 12px;border:1px solid var(--tr-line);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--tr-ink);outline:none;resize:vertical;font:var(--text-xs) / 1.7 var(--font-sans);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.tr-ai-note{margin:var(--space-3) 0 0;padding:10px 12px;border:1px dashed rgba(99,102,241,.3);border-radius:var(--radius-lg);background:#6366f10f;color:var(--tr-ink-2);font-size:var(--text-xs);line-height:1.65}.tr-ai-note b{color:#4f46e5}.tr-result{border-color:#6366f13d;animation:tr-fade-in var(--duration-slow) var(--ease-out)}@keyframes tr-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tr-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.tr-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.tr-meta span{padding:5px 11px;border:1px solid rgba(var(--color-primary-rgb),.24);border-radius:var(--radius-full);background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-700);font-size:var(--text-xs);font-weight:var(--font-semibold)}.tr-polished,.tr-variant,.tr-insight{border:1px solid var(--tr-line);border-radius:var(--radius-xl);background:var(--bg-card)}.tr-polished{margin-bottom:var(--space-3);padding:var(--space-4);border-color:rgba(var(--color-primary-rgb),.26);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),var(--bg-card))}.tr-polished-head,.tr-variant-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.tr-polished-head strong{color:var(--color-primary-700);font-size:var(--text-sm);font-weight:var(--font-bold)}.tr-polished p,.tr-variant p,.tr-insight p{margin:0;color:var(--tr-ink-2);font-size:var(--text-sm);line-height:1.8;white-space:pre-wrap;word-break:break-word}.tr-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.tr-variant{padding:var(--space-3) var(--space-4);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.tr-variant:hover{transform:translateY(-2px);border-color:rgba(var(--color-primary-rgb),.34);box-shadow:var(--shadow-md)}.tr-variant-head strong{color:var(--tr-ink);font-size:var(--text-sm);font-weight:var(--font-bold)}.tr-variant small{display:block;margin-top:var(--space-2);color:var(--tr-ink-3);font-size:var(--text-xs);line-height:1.6}.tr-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}.tr-insight{padding:var(--space-3) var(--space-4);background:var(--bg-muted)}.tr-insight h3{margin:0 0 var(--space-2);color:#4f46e5;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.02em}.tr-insight ul{display:grid;gap:7px;margin:0;padding-left:1.1rem;color:var(--tr-ink-2);font-size:var(--text-xs);line-height:1.65}.tr-insight b{color:var(--tr-ink)}.tr-langs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-3)}.tr-langs-ops{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.tr-count{padding:4px 11px;border:1px solid var(--tr-line);border-radius:var(--radius-full);background:var(--bg-muted);color:var(--tr-ink-3);font-size:var(--text-xs);font-weight:var(--font-semibold)}.tr-langs-empty{margin:0;color:var(--tr-ink-3);font-size:var(--text-xs)}.tr-lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}.tr-lang-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:9px 12px;border:1px solid var(--tr-line);border-radius:var(--radius-lg);background:var(--bg-card);font-size:var(--text-xs);font-weight:var(--font-semibold);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tr-lang-item:hover{border-color:rgba(var(--color-primary-rgb),.34);background:rgba(var(--color-primary-rgb),.06)}.tr-lang-item code{color:var(--tr-ink-3);font-family:var(--font-mono);font-size:var(--text-2xs)}.tr-toast{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-toast, 600);max-width:min(360px,calc(100vw - 2rem));padding:11px 16px;border:1px solid var(--tr-line);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-xl);color:var(--tr-ink);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.6;animation:tr-toast-in var(--duration-normal) var(--ease-out)}.tr-toast--success{border-color:rgba(var(--color-success-rgb),.38);background:var(--color-success-50);color:var(--color-success-700)}.tr-toast--info{border-color:rgba(var(--color-primary-rgb),.34);background:var(--color-primary-50);color:var(--color-primary-700)}.tr-toast--error{border-color:rgba(var(--color-danger-rgb),.34);background:var(--color-danger-50);color:var(--color-danger-700)}@keyframes tr-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.translate-container .tr-area::-webkit-scrollbar,.translate-container .tr-context::-webkit-scrollbar{width:10px}.translate-container .tr-area::-webkit-scrollbar-thumb,.translate-container .tr-context::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-full);background:#78716c6b;background-clip:content-box}@media (max-width: 1100px){.tr-workbench{grid-template-columns:1fr}.tr-ai-side{position:static}}@media (max-width: 860px){.tr-panes,.tr-insights{grid-template-columns:1fr}.tr-styles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.translate-container{padding:var(--space-5) var(--space-3) var(--space-12)}.tr-back{position:static;margin-bottom:var(--space-4)}.tr-hero{text-align:left}.tr-hero .tr-badge{margin-top:0}.tr-desc{margin-left:0}.tr-features{justify-content:flex-start}.tr-langbar{grid-template-columns:1fr}.tr-swap{width:100%}.tr-actions .tr-btn{flex:1 1 160px}.tr-kbd-hint{margin-left:0;width:100%}.tr-result-head,.tr-langs-head{align-items:stretch;flex-direction:column}.tr-meta{justify-content:flex-start}.tr-toast{top:auto;bottom:var(--space-5);right:50%;transform:translate(50%);animation:none}}@media (prefers-reduced-motion: reduce){.tr-swap:hover{transform:none}.tr-spinner,.tr-dot{animation:none}}