.translate-container{--tr-bg: #081915;--tr-card: rgba(255, 255, 255, .96);--tr-card-soft: rgba(255, 255, 255, .88);--tr-text: #10201c;--tr-muted: #6b7b78;--tr-line: rgba(15, 23, 42, .12);--tr-primary: #8b5cf6;--tr-primary-dark: #6d28d9;--tr-cyan: #22d3ee;--tr-green: #10b981;--tr-danger: #dc2626;--tr-radius-lg: 26px;--tr-radius: 18px;--tr-shadow: 0 26px 80px rgba(0, 0, 0, .26);min-height:100vh;padding:clamp(18px,3vw,42px);color:var(--tr-text);background:radial-gradient(circle at 15% 0%,rgba(139,92,246,.22),transparent 32rem),radial-gradient(circle at 85% 10%,rgba(34,211,238,.18),transparent 28rem),linear-gradient(135deg,#091b16,#10201c 48%,#0a1715);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.translate-wrapper{width:min(100%,1180px);margin:0 auto}.translate-header{margin-bottom:22px;text-align:center}.translate-back-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-bottom:16px;padding:0 14px;border:1px solid rgba(139,92,246,.28);border-radius:999px;color:#c4b5fd;background:#8b5cf61a;cursor:pointer;font-size:14px;font-weight:800;transition:transform .18s ease,background .18s ease,border-color .18s ease}.translate-back-btn:hover{transform:translateY(-1px);border-color:#8b5cf685;background:#8b5cf62e}.translate-hero-card{position:relative;overflow:hidden;padding:clamp(24px,4vw,42px);border:1px solid rgba(255,255,255,.12);border-radius:32px;background:linear-gradient(135deg,#ffffff14,#ffffff08),#0f172a42;box-shadow:0 22px 70px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.translate-hero-card:after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 65%);pointer-events:none}.translate-kicker,.translate-ai-head span,.translate-ai-result-head span,.translate-language-list-head span{display:inline-flex;align-items:center;color:var(--tr-primary);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.translate-header h1{position:relative;z-index:1;margin:10px 0 0;color:#f7f4ff;font-size:clamp(2rem,5vw,4rem);font-weight:950;letter-spacing:-.06em;line-height:1.05}.translate-subtitle{position:relative;z-index:1;max-width:720px;margin:14px auto 0;color:#e2e8f0c2;font-size:15px;line-height:1.8}.translate-status{margin:0 0 16px;padding:12px 14px;border-radius:16px;font-size:13px;font-weight:850;line-height:1.55}.translate-status-success{color:#047857;border:1px solid #bbf7d0;background:#ecfdf5}.translate-status-info{color:#1d4ed8;border:1px solid #bfdbfe;background:#eff6ff}.translate-status-error{color:#b91c1c;border:1px solid #fecaca;background:#fef2f2}.translate-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:18px;align-items:start}.translate-box,.translate-ai-panel,.translate-ai-result-card,.translate-language-list{border:1px solid rgba(255,255,255,.74);border-radius:var(--tr-radius-lg);background:var(--tr-card);box-shadow:var(--tr-shadow)}.translate-box,.translate-ai-panel{padding:clamp(18px,2.4vw,26px)}.translate-language-selector{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:12px;align-items:end;margin-bottom:18px}.translate-language-selector label,.translate-context-field{display:grid;gap:8px;min-width:0;color:var(--tr-muted);font-size:12px;font-weight:900}.translate-lang-select{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--tr-line);border-radius:14px;color:var(--tr-text);background:#fff;outline:none;font-size:14px;font-weight:760}.translate-lang-select:focus,.translate-text-area:focus,.translate-context-field textarea:focus{border-color:var(--tr-primary);box-shadow:0 0 0 4px #8b5cf61f}.translate-swap-btn{display:inline-grid;width:46px;height:46px;place-items:center;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--tr-primary),#a855f7);box-shadow:0 16px 30px #8b5cf647;cursor:pointer;font-size:18px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease}.translate-swap-btn:hover,.translate-btn:hover:not(:disabled),.translate-ai-run:hover:not(:disabled),.translate-load-lang-btn:hover:not(:disabled),.translate-style-grid button:hover,.translate-variant-card button:hover,.translate-polished-block button:hover,.translate-text-area-label button:hover:not(:disabled){transform:translateY(-1px)}.translate-text-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.translate-text-area-container{position:relative;min-width:0}.translate-text-area-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#51615d;font-size:13px;font-weight:900}.translate-text-area-label button,.translate-variant-card button,.translate-polished-block button{min-height:28px;padding:0 10px;border:1px solid rgba(139,92,246,.18);border-radius:999px;color:var(--tr-primary-dark);background:#8b5cf614;cursor:pointer;font-size:12px;font-weight:850}.translate-text-area-label button:disabled{opacity:.45;cursor:not-allowed}.translate-text-area{width:100%;min-height:250px;padding:16px 16px 34px;border:1px solid var(--tr-line);border-radius:var(--tr-radius);color:var(--tr-text);background:#fbfffd;box-sizing:border-box;outline:none;resize:vertical;font:14px/1.75 inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.translate-text-area[readonly]{background:linear-gradient(180deg,#fff,#f8fafc)}.translate-char-count{position:absolute;right:14px;bottom:10px;color:#64748b;font-size:12px;font-weight:800}.translate-char-count.is-danger{color:var(--tr-danger)}.translate-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.translate-btn,.translate-ai-run,.translate-load-lang-btn{min-height:46px;border:0;border-radius:15px;color:#fff;cursor:pointer;font-size:14px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.translate-btn.primary,.translate-load-lang-btn{background:linear-gradient(135deg,var(--tr-primary),#a855f7);box-shadow:0 16px 30px #8b5cf638}.translate-btn.ai,.translate-ai-run{background:linear-gradient(135deg,#0f766e,var(--tr-cyan));box-shadow:0 16px 30px #22d3ee2e}.translate-btn:disabled,.translate-ai-run:disabled,.translate-load-lang-btn:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}.translate-ai-panel{position:sticky;top:18px}.translate-ai-head h2,.translate-ai-result-head h2,.translate-language-list-head h3{margin:6px 0 0;color:var(--tr-text);font-size:22px;letter-spacing:-.04em}.translate-ai-head p{margin:10px 0 0;color:var(--tr-muted);font-size:13px;line-height:1.7}.translate-style-grid{display:grid;gap:10px;margin:16px 0}.translate-style-grid button{min-height:62px;padding:11px 12px;border:1px solid var(--tr-line);border-radius:16px;color:var(--tr-text);background:#f8fafc;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.translate-style-grid button.active,.translate-style-grid button:hover{border-color:#8b5cf661;background:linear-gradient(135deg,#f5f3ff,#fff);box-shadow:0 14px 28px #8b5cf61a}.translate-style-grid strong,.translate-style-grid span{display:block}.translate-style-grid strong{margin-bottom:4px;font-size:13px}.translate-style-grid span{color:var(--tr-muted);font-size:12px;line-height:1.5}.translate-context-field textarea{min-height:94px;padding:12px;border:1px solid var(--tr-line);border-radius:15px;color:var(--tr-text);background:#fbfffd;outline:none;resize:vertical;font:13px/1.65 inherit}.translate-ai-run{width:100%;margin-top:14px}.translate-ai-result-card,.translate-language-list{margin-top:18px;padding:clamp(18px,2.6vw,26px)}.translate-ai-result-head,.translate-language-list-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.translate-ai-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.translate-ai-meta span{padding:6px 10px;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;background:#eff6ff;font-size:12px;font-weight:850}.translate-polished-block,.translate-variant-card,.translate-ai-insights>div{border:1px solid var(--tr-line);border-radius:18px;background:#fff}.translate-polished-block{margin-bottom:14px;padding:16px;background:linear-gradient(135deg,#f0fdfa,#fff)}.translate-polished-block>div,.translate-variant-card>div{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.translate-polished-block p,.translate-variant-card p,.translate-ai-insights p{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--tr-text);line-height:1.75}.translate-variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.translate-variant-card{padding:14px}.translate-variant-card strong,.translate-polished-block strong{color:#0f766e}.translate-variant-card small{display:block;margin-top:10px;color:var(--tr-muted);line-height:1.55}.translate-ai-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.translate-ai-insights>div{padding:14px;background:#fbfdff}.translate-ai-insights h3{margin:0 0 10px;color:#312e81;font-size:14px}.translate-ai-insights ul{display:grid;gap:8px;margin:0;padding-left:18px;color:#475569;font-size:13px;line-height:1.6}.translate-language-list{background:var(--tr-card-soft)}.translate-load-lang-btn{min-height:38px;padding:0 14px;font-size:13px}.translate-language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.translate-language-item{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--tr-line);border-radius:14px;color:#334155;background:#fff;font-size:13px;font-weight:850}.translate-language-item span{color:var(--tr-muted);font-size:12px}@media (max-width: 980px){.translate-main-grid{grid-template-columns:1fr}.translate-ai-panel{position:static}.translate-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.translate-ai-insights{grid-template-columns:1fr}}@media (max-width: 720px){.translate-container{padding:12px}.translate-hero-card,.translate-box,.translate-ai-panel,.translate-ai-result-card,.translate-language-list{border-radius:20px}.translate-language-selector,.translate-text-areas,.translate-actions,.translate-style-grid{grid-template-columns:1fr}.translate-swap-btn{width:100%}.translate-text-area{min-height:210px}.translate-ai-result-head,.translate-language-list-head{align-items:stretch;flex-direction:column}.translate-ai-meta{justify-content:flex-start}.translate-load-lang-btn{width:100%}}