.cvtt-wrap{font-family:'Segoe UI',Inter,system-ui,sans-serif;max-width:960px;margin:0 auto;border-radius:18px;overflow:hidden;box-shadow:0 8px 40px rgba(102,126,234,.18);border:1.5px solid rgba(102,126,234,.15);background:#fff;}

/* HEADER */
.cvtt-header{display:flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:14px 20px;gap:12px;}
.cvtt-side{flex:1;}
.cvtt-select{width:100%;padding:10px 14px;border:none;border-radius:10px;font-size:.9em;font-weight:600;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23fff' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;}
.cvtt-select option{background:#5a4fcf;color:#fff;}
.cvtt-swap{background:rgba(255,255,255,.22);border:none;color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.2em;cursor:pointer;transition:all .25s;flex-shrink:0;}
.cvtt-swap:hover{background:rgba(255,255,255,.38);transform:rotate(180deg);}

/* BODY */
.cvtt-body{display:flex;min-height:200px;}

.cvtt-panel{flex:1;display:flex;flex-direction:column;padding:16px;}
.cvtt-left{border-right:1.5px solid #eee;}

.cvtt-textarea{width:100%;border:none;outline:none;resize:none;font-size:.97em;line-height:1.65;color:#2c3e50;font-family:inherit;background:transparent;box-sizing:border-box;}
.cvtt-textarea::placeholder{color:#bbb;}

.cvtt-result{flex:1;font-size:.97em;line-height:1.65;color:#2c3e50;white-space:pre-wrap;word-break:break-word;padding:0;}
.cvtt-placeholder{color:#bbb;font-style:italic;}

.cvtt-divider{width:1.5px;background:#eee;flex-shrink:0;}

/* FOOTER PANEL */
.cvtt-footer-panel{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #f0f0f0;margin-top:auto;}
.cvtt-footer-right{justify-content:flex-end;}
#cvtt-count{font-size:.78em;color:#bbb;margin-right:auto;}
#cvtt-status{font-size:.8em;color:#667eea;font-weight:600;margin-right:auto;}
.cvtt-btn-icon{background:transparent;border:1.5px solid #e5e7eb;color:#888;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:.88em;transition:all .2s;}
.cvtt-btn-icon:hover{border-color:#667eea;color:#667eea;}

/* ACTIONS */
.cvtt-actions{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#f8f9ff;border-top:1.5px solid #eee;}
.cvtt-translate-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;padding:12px 32px;font-size:.95em;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 18px rgba(102,126,234,.35);}
.cvtt-translate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(102,126,234,.5);}
.cvtt-translate-btn:active{transform:translateY(0);}
.cvtt-translate-btn.loading{opacity:.7;pointer-events:none;}
.cvtt-btn-icon-big{font-size:1.1em;}
.cvtt-powered{font-size:.75em;color:#bbb;margin-left:auto;}

/* RESPONSIVE */
@media(max-width:640px){
  .cvtt-body{flex-direction:column;}
  .cvtt-left{border-right:none;border-bottom:1.5px solid #eee;}
  .cvtt-divider{display:none;}
  .cvtt-header{flex-wrap:wrap;gap:10px;}
  .cvtt-swap{order:3;width:100%;border-radius:10px;}
  .cvtt-side{flex:1 1 45%;}
}