@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f9fa;--surface: #ffffff;--surface2: #f1f3f5;--border: #e0e0e0;--border2: #d0d0d0;--text: #202124;--text2: #5f6368;--text3: #9aa0a6;--accent: #1a73e8;--accent-h: #1557b0;--accent-bg: #e8f0fe;--success: #188038;--success-bg: #e6f4ea;--danger: #d93025;--danger-bg: #fce8e6;--warn: #e37400;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow: 0 2px 8px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.06);--radius: 12px;--radius-sm: 8px;--font: "Inter", system-ui, -apple-system, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;gap:16px}.header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:600;color:var(--accent)}.logo-domain{font-size:13px;color:var(--text3);border-left:1px solid var(--border);padding-left:8px}.nav{display:flex;align-items:center;gap:2px}.nav-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;background:transparent;color:var(--text2);font-family:var(--font);font-size:14px;font-weight:500;border-radius:20px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.nav-btn:hover{background:var(--surface2);color:var(--text)}.nav-btn.active{background:var(--accent-bg);color:var(--accent)}.badge{background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:1px 5px;border-radius:10px;min-width:18px;text-align:center}.main{max-width:1100px;margin:0 auto;padding:24px 20px}.translate-container{display:flex;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.lang-bar{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:nowrap;overflow:hidden}.lang-group{display:flex;align-items:center;gap:2px;flex:1;overflow:hidden}.lang-chip{padding:6px 12px;border:none;background:transparent;color:var(--text2);font-family:var(--font);font-size:13.5px;font-weight:500;border-radius:20px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0}.lang-chip:hover{background:var(--surface2);color:var(--text)}.lang-chip.active{color:var(--accent);background:var(--accent-bg);font-weight:600}.lang-more{padding:6px 10px;border:none;background:transparent;color:var(--text2);font-family:var(--font);font-size:13px;font-weight:500;border-radius:20px;cursor:pointer;outline:none;transition:background .15s;appearance:none;-webkit-appearance:none;flex-shrink:0}.lang-more:hover{background:var(--surface2)}.lang-more option{background:#fff;color:#202124}.swap-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text2);cursor:pointer;transition:all .15s;flex-shrink:0}.swap-btn:hover:not(.disabled){background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(180deg)}.swap-btn.disabled{opacity:.35;cursor:not-allowed}.panels{display:grid;grid-template-columns:1fr 1fr;min-height:300px}.panel{display:flex;flex-direction:column;min-height:280px;position:relative}.source-panel{border-right:1px solid var(--border)}.target-panel{background:var(--surface)}.target-panel.has-result{background:#fff}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;min-height:40px}.panel-lang{font-size:13px;font-weight:600;color:var(--text2)}.panel-header-actions{display:flex;gap:4px}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text3);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface2);color:var(--text2)}.icon-btn.copied{color:var(--success)}.panel-textarea{flex:1;width:100%;background:transparent;border:none;color:var(--text);font-family:var(--font);font-size:20px;font-weight:400;line-height:1.55;padding:12px 16px;resize:none;outline:none}.panel-textarea::placeholder{color:var(--text3)}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;gap:8px}.char-count{font-size:12px;color:var(--text3)}.char-count.warn{color:var(--warn);font-weight:500}.panel-actions{display:flex;align-items:center;gap:6px}.translate-btn{display:flex;align-items:center;gap:8px;padding:9px 20px;background:var(--accent);color:#fff;border:none;border-radius:24px;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .15s;white-space:nowrap}.translate-btn:hover:not(:disabled){background:var(--accent-h);box-shadow:0 2px 8px #1a73e859}.translate-btn:disabled{opacity:.4;cursor:not-allowed}.kbd{font-size:11px;opacity:.75;background:#fff3;padding:2px 5px;border-radius:4px}.panel-result{flex:1;display:flex;flex-direction:column;padding:12px 16px;min-height:160px}.result-placeholder{color:var(--text3);font-size:20px;font-weight:400;padding-top:4px}.result-text{font-size:20px;font-weight:400;line-height:1.55;color:var(--text);white-space:pre-wrap;word-break:break-word}.result-loading{display:flex;align-items:flex-start;padding-top:6px}.loading-dots{display:flex;gap:5px;align-items:center;height:30px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.4;animation:dot-bounce 1.2s ease-in-out infinite;display:block}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.result-error{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--danger)}.error-icon{font-size:18px}.link-btn{background:none;border:none;color:var(--accent);font-family:var(--font);font-size:13px;cursor:pointer;padding:0;text-decoration:underline;width:fit-content}.model-badge{font-size:11px;color:var(--text3)}.copied-hint{font-size:12px;color:var(--success);font-weight:500}.spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.spinner.dark{border-color:#1a73e840;border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.section-container{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px}.section-header h2{font-size:20px;font-weight:600;color:var(--text)}.btn-ghost-danger{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--danger);background:transparent;color:var(--danger);font-family:var(--font);font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.btn-ghost-danger:hover{background:var(--danger-bg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 20px;color:var(--text3);text-align:center}.empty-state svg{opacity:.4}.empty-state p{font-size:16px;font-weight:500;color:var(--text2)}.empty-state span{font-size:13px}.history-list{display:flex;flex-direction:column;gap:8px}.history-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 44px 14px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative;box-shadow:var(--shadow-sm)}.history-card:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.history-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.history-langs{font-size:12px;font-weight:600;color:var(--accent)}.arrow{color:var(--text3);margin:0 4px}.history-date{font-size:12px;color:var(--text3)}.history-source{font-size:13px;color:var(--text2);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-result{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-delete{position:absolute;top:14px;right:12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;transition:background .15s,color .15s}.history-delete:hover{background:var(--danger-bg);color:var(--danger)}.settings-container{max-width:860px;margin:0 auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.settings-card.full-width{grid-column:1 / -1}.settings-card.about-card{grid-column:1 / -1;gap:0}.settings-card-title{font-size:12px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;padding-bottom:12px;border-bottom:1px solid var(--border)}.optional-tag{font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text3);background:var(--surface2);padding:2px 7px;border-radius:10px;margin-left:6px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--text2)}.field-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:14px;padding:9px 12px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.field-input::placeholder{color:var(--text3)}textarea.field-input{resize:vertical;line-height:1.55}select.field-input{cursor:pointer}.input-group{display:flex;gap:0}.input-group .field-input{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.input-addon{background:var(--surface2);border:1px solid var(--border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text2);font-family:var(--font);font-size:13px;padding:0 14px;cursor:pointer;white-space:nowrap;transition:background .15s}.input-addon:hover{background:var(--border)}.field-hint{font-size:12px;color:var(--text3);line-height:1.4}.field-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text2);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.validate-badge{font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm)}.validate-badge.ok{background:var(--success-bg);color:var(--success)}.validate-badge.fail{background:var(--danger-bg);color:var(--danger)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0}.toggle-label{font-size:14px;font-weight:500;color:var(--text)}.toggle-hint{font-size:12px;color:var(--text3);margin-top:2px}.toggle{position:relative;display:inline-block;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{display:block;width:44px;height:24px;border-radius:12px;background:var(--border2);cursor:pointer;transition:background .2s;position:relative}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(20px)}.about-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);font-size:14px}.about-row:last-child{border-bottom:none}.about-row span:first-child{color:var(--text2)}.about-row a{color:var(--accent);text-decoration:none}.about-row a:hover{text-decoration:underline}@media(max-width:700px){.header{padding:0 16px}.logo-domain,.nav-btn span{display:none}.nav-btn svg{display:block}.main{padding:16px 12px}.panels{grid-template-columns:1fr}.source-panel{border-right:none;border-bottom:1px solid var(--border)}.lang-chip:not(.active){display:none}.lang-chip.active{display:flex}.settings-grid{grid-template-columns:1fr}.settings-card.full-width,.settings-card.about-card{grid-column:1}}@media(max-width:500px){.panel-textarea,.result-text,.result-placeholder{font-size:16px}}.models-list{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.model-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:8px}.model-info{display:flex;flex-direction:column;gap:1px;min-width:0}.model-id{font-size:13px;font-weight:500;color:var(--text);font-family:SF Mono,Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-label-text{font-size:11px;color:var(--text2)}.model-remove{background:none;border:none;cursor:pointer;color:var(--text3);padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s;flex-shrink:0}.model-remove:hover:not(:disabled){color:#d93025;background:#d9302514}.model-remove:disabled{opacity:.3;cursor:not-allowed}.model-add-form{display:flex;flex-direction:column;gap:8px}.model-add-inputs{display:flex;gap:8px}.model-id-input{flex:2;font-family:SF Mono,Fira Code,monospace;font-size:13px}.model-label-input{flex:1}.mic-btn{position:relative;transition:color .2s,background .2s}.mic-btn.listening{color:var(--danger);background:#fce8e6;border-radius:50%;animation:mic-pulse 1.5s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #d930254d}50%{box-shadow:0 0 0 8px #d9302500}}