.bidi-translator *{color:var(--fg)}.language-selector{display:flex;gap:1rem;margin-bottom:1.5rem}.lang-select{flex:1;min-width:0;border:1px dashed var(--fg-deep);opacity:.7;cursor:pointer;background:transparent}.lang-select:hover,.lang-select:focus{opacity:1;border-color:var(--fg-deeper);outline:none}.lang-select option{background:var(--c-bg);color:var(--fg)}.bidi-indicator{display:flex;align-items:center;opacity:.5;font-size:1.5rem;-webkit-user-select:none;user-select:none;pointer-events:none}.text-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;position:relative}.text-panels:after{content:"write or paste to translate, double-click border to copy";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);font-size:.7rem;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}.text-panels:has(.text-panel:hover):after{opacity:.5}.text-panel{position:relative;cursor:pointer;overflow:hidden}.text-panel.copied:before{content:"";position:absolute;top:var(--click-y, 50%);left:var(--click-x, 50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,var(--fg-deep) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:ripple .5s ease-out;pointer-events:none;opacity:.3}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.text-input{width:100%;min-height:350px;padding:.75rem .75rem 1rem;background:transparent;border:1px dashed var(--fg-deep);border-radius:0;opacity:.7;line-height:1.4;resize:none;overflow-y:auto;field-sizing:content}.text-input:hover,.text-input:focus{opacity:1;border-color:var(--fg-deeper);outline:none}.panel-footer{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;display:flex;justify-content:space-between;align-items:center}.char-count{opacity:.3;pointer-events:none}.char-count.at-limit{color:red;opacity:1}.clear-btn{position:absolute;top:.5rem;right:.5rem;opacity:.5;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;transition:opacity .2s;z-index:1;mix-blend-mode:difference}.clear-btn:hover{opacity:1}.copy-btn{opacity:.7;cursor:pointer;padding:.25rem .5rem}.copy-btn:hover{opacity:1}@media (max-width: 768px){.text-panels{grid-template-columns:1fr}.text-input{min-height:20vh}iframe,footer{display:none!important}}