.noypi-translate *{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.noypi-translate .container{width:100%;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgb(0 0 0 / .08);overflow:hidden;border:1px solid rgb(0 0 0 / .12);transition:all 0.3s ease}.noypi-translate .container:hover{box-shadow:0 8px 24px rgb(0 0 0 / .12);transform:translateY(-1px)}.noypi-translate .header{display:flex;align-items:center;gap:12px;padding:0 0 24px 0}.noypi-translate .language-selector{padding:14px 18px;font-size:15px;color:#1967d2;border:2px solid rgb(25 103 210 / .15);border-radius:12px;background:#fff;cursor:pointer;flex:1;transition:all 0.2s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231967d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:44px;font-weight:500}.noypi-translate .language-selector:hover{border-color:#1967d2;background-color:rgb(25 103 210 / .04)}.noypi-translate .language-selector:focus{border-color:#1967d2;outline:none;box-shadow:0 0 0 4px rgb(25 103 210 / .15)}.noypi-translate .language-selector option{padding:8px;color:#1f1f1f;font-weight:400}.noypi-translate .swap-icon{color:#1967d2;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:50%;transition:all 0.2s ease;border:2px solid rgb(25 103 210 / .15)}.noypi-translate .swap-icon:hover{background:rgb(25 103 210 / .04);border-color:#1967d2;transform:scale(1.05)}.noypi-translate .swap-icon svg,.noypi-translate .action-button svg{width:22px;height:22px;transition:transform 0.2s ease}.noypi-translate .swap-icon:hover svg{transform:scale(1.1)}.noypi-translate .container .content{display:flex;background:#fff}.noypi-translate .language-column{flex:1 1 0%;min-width:0;padding:28px;position:relative;background:#fff;display:flex;flex-direction:column}.noypi-translate .language-column+.language-column{border-left:1px solid rgb(25 103 210 / .12);background:rgb(25 103 210 / .02)}.noypi-translate .language-column+.language-column .text-area{background:#fff0}.noypi-translate .input-container{position:relative;flex:1}.noypi-translate .text-area{width:100%;min-height:120px;border:none;resize:none;font-size:20px;line-height:1.6;color:#1f1f1f;outline:none;padding:0 44px 0 12px;background:#fff;overflow:hidden;height:auto;transition:all 0.2s ease;border-radius:8px}.noypi-translate .text-area::placeholder{color:#80868b;font-size:20px}.noypi-translate .action-button{position:absolute;top:0;right:0;width:40px;height:40px;background:none;border:none;cursor:pointer;color:#1967d2;font-size:16px;border-radius:50%;display:none;align-items:center;justify-content:center;transition:all 0.2s ease}.noypi-translate .action-button:hover{background:rgb(25 103 210 / .08)}.noypi-translate .input-footer{margin-top:auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 12px 0}.noypi-translate .input-footer .character-count{font-size:13px;color:#5f6368;font-weight:500}.noypi-translate .input-footer .error-message{font-size:13px;color:#d93025;font-weight:500}.noypi-translate.fixed .header{display:none}@media (max-width:768px){.noypi-translate .container .content{flex-direction:column}.noypi-translate .language-column+.language-column{border-left:0;border-top:1px solid rgb(25 103 210 / .12)}.noypi-translate .language-column{padding:24px}.noypi-translate .text-area{font-size:18px;min-height:100px}.noypi-translate .text-area::placeholder{font-size:18px}.noypi-translate .language-selector{padding:12px 16px}.noypi-translate .swap-icon{width:44px;height:44px}}