.translate-container{min-height:100vh;padding:40px var(--space-5);background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:Inter,-apple-system,sans-serif}.translate-wrapper{max-width:900px;margin:0 auto}.translate-header{text-align:center;margin-bottom:40px}.translate-header h1{font-size:2.5rem;font-weight:800;margin:0;color:#8b5cf6}.translate-subtitle{color:var(--color-gray-500);margin-top:10px}.translate-back-btn{display:inline-flex;align-items:center;color:#8b5cf6;text-decoration:none;margin-bottom:var(--space-5);font-weight:500;cursor:pointer;background:none;border:none;padding:0;font-size:1rem}.translate-back-btn:hover{text-decoration:underline}.translate-box{background:var(--color-white);border-radius:var(--space-4);padding:var(--space-6);box-shadow:0 4px var(--space-3) #00000014;border:1px solid var(--color-gray-200);margin-bottom:30px}.translate-language-selector{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.translate-lang-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--space-2);font-size:.9rem;outline:none;min-width:120px}.translate-lang-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.translate-swap-btn{background:#8b5cf6;color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--space-2);cursor:pointer;font-size:1rem;transition:background .2s}.translate-swap-btn:hover{background:var(--color-primary-600)}.translate-text-areas{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.translate-text-area-container{position:relative}.translate-text-area-label{font-size:.9rem;font-weight:600;margin-bottom:var(--space-2);color:var(--color-gray-500)}.translate-text-area{width:100%;height:200px;padding:var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--space-2);font-size:1rem;font-family:inherit;resize:vertical;outline:none}.translate-text-area:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.translate-btn{background:#8b5cf6;color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--space-2);font-weight:600;cursor:pointer;transition:background .2s;margin-top:var(--space-5);width:100%;font-size:1rem}.translate-btn:hover{background:var(--color-primary-600)}.translate-btn:disabled{background:#9ca3af;cursor:not-allowed}.translate-char-count{position:absolute;bottom:var(--space-2);right:var(--space-3);font-size:.8rem;color:var(--color-gray-500)}.translate-language-list{background:var(--color-white);border-radius:var(--space-3);padding:var(--space-5);box-shadow:0 2px var(--space-2) #0000000f;border:1px solid var(--color-gray-200);margin-top:30px}.translate-language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2);margin-top:var(--space-4)}.translate-language-item{padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.translate-loading{text-align:center;padding:var(--space-5);color:var(--color-gray-500)}.translate-error{background:var(--color-danger-50);color:var(--color-danger-600);padding:var(--space-4);border-radius:var(--space-2);text-align:center;margin-top:var(--space-5)}@media (max-width: 768px){.translate-container{padding:var(--space-5) 15px}.translate-header h1{font-size:2rem}.translate-text-areas{grid-template-columns:1fr;gap:var(--space-4)}.translate-language-selector{flex-direction:column;align-items:stretch}.translate-lang-select{min-width:auto}.translate-language-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}