.translator-wrap{max-width:1180px;margin:auto;padding:3rem 1rem 5rem}.translator-hero{max-width:760px;margin-bottom:1.6rem}.translator-kicker{font-size:.75rem;letter-spacing:.16em;font-weight:800;color:var(--purple)}.translator-hero h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.96;margin:.5rem 0 1rem;max-width:850px}.translator-hero>p:last-child{color:var(--text-muted);font-size:1.05rem;line-height:1.6;max-width:680px}.quick-pairs{display:flex;gap:.5rem;overflow:auto;margin-bottom:1rem;padding-bottom:.25rem}.quick-pairs button{white-space:nowrap;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text);padding:.55rem .9rem;font:inherit;font-size:.8rem;cursor:pointer}.quick-pairs button:hover{border-color:var(--purple);color:var(--purple)}.translator-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:visible}.language-bar{display:grid;grid-template-columns:1fr 72px 1fr;align-items:end;border-bottom:1px solid var(--border);position:relative;z-index:20}.language-picker{padding:1rem 1.25rem;position:relative;min-width:0}.language-label{display:block;color:var(--text-muted);font-size:.72rem;font-weight:800;margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.14em}.language-trigger{width:100%;min-height:58px;border:2px solid var(--text);border-radius:0;background:var(--bg-card);color:var(--text);display:grid;grid-template-columns:46px 1fr 20px;align-items:center;gap:.75rem;padding:.5rem .7rem;text-align:left;font:inherit;cursor:pointer}.language-trigger strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-code{display:grid;place-items:center;height:38px;background:var(--text);color:var(--bg-card);font:800 .68rem/1 var(--font-body);letter-spacing:.08em}.language-trigger[aria-expanded="true"]{border-color:var(--purple);box-shadow:5px 5px 0 var(--purple)}.language-trigger i{justify-self:end}.language-menu{position:absolute;top:calc(100% - .45rem);left:1.25rem;right:1.25rem;background:var(--bg-card);border:2px solid var(--text);box-shadow:8px 8px 0 var(--text);z-index:40}.language-search{margin:0!important;padding:.75rem!important;display:flex!important;align-items:center;gap:.65rem;border-bottom:2px solid var(--text);color:var(--text)}.language-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:600 .95rem var(--font-body)}.language-options{max-height:286px;overflow:auto;padding:.45rem}.language-option{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:.65rem;padding:.55rem;text-align:left;font:inherit;cursor:pointer}.language-option:hover,.language-option:focus-visible,.language-option[aria-selected="true"]{background:var(--purple);color:#fff;outline:0}.language-option .language-code{height:34px;background:var(--text);color:var(--bg-card)}.language-option[aria-selected="true"] .language-code{background:#fff;color:#111}.language-empty{margin:0;padding:1rem;color:var(--text-muted);font-size:.85rem}.language-bar>#swap-languages{width:48px;height:48px;border:2px solid var(--text);border-radius:0;background:var(--bg-card);color:var(--text);margin:0 auto 1.3rem;cursor:pointer}.language-bar>#swap-languages:hover{background:var(--text);color:var(--bg-card)}.translation-grid{display:grid;grid-template-columns:1fr 1fr}.text-panel{min-width:0;display:flex;flex-direction:column;min-height:340px}.text-panel+div{border-left:1px solid var(--border)}.text-panel textarea{width:100%;flex:1;resize:none;border:0;background:transparent;color:var(--text);font:500 1.12rem/1.7 var(--font-body);padding:1.35rem;outline:0}.output-panel{background:color-mix(in srgb,var(--bg) 55%,transparent)}#translation-result{display:flex;flex:1}.translation-placeholder{flex:1;display:grid;place-content:center;text-align:center;color:var(--text-muted);padding:2rem}.translation-placeholder i{font-size:2rem;color:var(--purple);margin-bottom:.75rem}.translation-placeholder strong,.translation-placeholder span{display:block}.translation-placeholder span{font-size:.8rem;margin-top:.4rem}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:56px;padding:.55rem 1rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.75rem}.panel-actions{display:flex;gap:.35rem}.panel-actions button{border:0;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;gap:.35rem;padding:.45rem;border-radius:8px;font:inherit;cursor:pointer}.panel-actions button:hover:not(:disabled){background:var(--bg);color:var(--purple)}.panel-actions button:disabled{opacity:.35;cursor:not-allowed}.translate-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--border)}.translate-row p{margin:0;color:var(--text-muted);font-size:.78rem}.translate-row button{border:0;border-radius:12px;background:var(--text);color:var(--bg-card);font:inherit;font-weight:800;padding:.85rem 1.35rem;display:flex;gap:.5rem;cursor:pointer}.translate-row button:hover{opacity:.88}.translate-row button:disabled{opacity:.55}.translation-error{margin:1rem 1.25rem 0;padding:.8rem 1rem;border:1px solid rgba(239,68,68,.45);background:rgba(239,68,68,.08);border-radius:10px;color:var(--red);font-size:.85rem}.translator-lower{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:1rem;margin-top:1rem}.feature-card,.history-card,.translator-info{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.2rem}.feature-card{display:flex;gap:.85rem}.feature-card>i{font-size:1.3rem;color:var(--purple)}.feature-card strong{font-family:var(--font-display)}.feature-card p,.history-card p{margin:.35rem 0 0;color:var(--text-muted);font-size:.8rem;line-height:1.5}.history-heading{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}.history-heading button{border:0;background:transparent;color:var(--purple);font:inherit;font-size:.75rem;cursor:pointer}.history-item{width:100%;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text);padding:.65rem 0;text-align:left;cursor:pointer}.history-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem}.history-item small{color:var(--text-muted)}.translator-info{margin-top:2.5rem;line-height:1.7}.translator-info h2{margin-top:1.5rem}.translator-info p,.translator-info li{color:var(--text-muted)}[hidden]{display:none!important}@media(max-width:760px){.translator-wrap{padding:1.4rem .8rem 3rem}.translator-hero{margin-bottom:1.1rem}.translator-hero h1{font-size:2.5rem}.translator-hero>p:last-child{font-size:.92rem}.translator-card{border-radius:15px}.language-bar{grid-template-columns:1fr 54px 1fr}.language-picker{padding:.85rem .65rem}.language-menu{left:.65rem;right:.65rem}.language-trigger{grid-template-columns:38px 1fr 16px;gap:.5rem;padding:.4rem}.language-trigger strong{font-size:.88rem}.language-code{height:36px}.language-bar>#swap-languages{width:42px;height:42px;margin-bottom:1.35rem}.translation-grid{display:block}.text-panel{min-height:260px}.text-panel+div{border-left:0;border-top:1px solid var(--border)}.text-panel textarea{min-height:200px;padding:1rem;font-size:1rem}.translate-row{display:block}.translate-row p{margin-bottom:.75rem}.translate-row button{width:100%;justify-content:center;min-height:50px}.translator-lower{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-.8rem;padding:0 .8rem .5rem}.feature-card,.history-card{flex:0 0 84%;scroll-snap-align:start}.panel-actions button{min-width:44px;min-height:44px}.panel-actions button span{display:none}}@media(max-width:520px){.language-bar{grid-template-columns:1fr 52px 1fr}.language-picker{padding:.7rem .45rem}.language-label{font-size:.66rem}.language-trigger{min-height:54px;grid-template-columns:1fr 16px}.language-trigger .language-code{display:none}.language-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:min(72vh,560px);box-shadow:7px 7px 0 var(--purple)}.language-options{max-height:min(55vh,420px)}.language-bar>#swap-languages{margin-bottom:1rem}}@media(max-width:390px){.translator-hero h1{font-size:2.15rem}.panel-footer{padding-inline:.65rem}.quick-pairs{margin-right:-.8rem}}@media(pointer:coarse){button,textarea{touch-action:manipulation}}