@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500&display=swap);*{box-sizing:border-box}:root{--primary-50:#f0f9ff;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--success-500:#10b981;--success-600:#059669;--warning-500:#f59e0b;--warning-600:#d97706;--error-500:#ef4444;--error-600:#dc2626;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem}[data-theme=dark]{--slate-50:#0f172a;--slate-100:#1e293b;--slate-200:#334155;--slate-300:#475569;--slate-400:#64748b;--slate-500:#94a3b8;--slate-600:#cbd5e1;--slate-700:#e2e8f0;--slate-800:#f1f5f9;--slate-900:#f8fafc;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--border-primary:#334155;--border-secondary:#475569}.container{margin:0 auto;max-width:100vw;overflow-x:hidden;padding:0 1rem;padding:0 var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem;margin-left:var(--spacing-2)}.space-x-3>*+*{margin-left:.75rem;margin-left:var(--spacing-3)}.space-x-4>*+*{margin-left:1rem;margin-left:var(--spacing-4)}.space-y-3>*+*{margin-top:.75rem;margin-top:var(--spacing-3)}.space-y-4>*+*{margin-top:1rem;margin-top:var(--spacing-4)}.space-y-6>*+*{margin-top:1.5rem;margin-top:var(--spacing-6)}.space-y-8>*+*{margin-top:2rem;margin-top:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-2-fixed{display:grid;grid-template-columns:1fr 1fr;max-width:100%;min-height:600px;overflow-x:hidden;width:100%}.gap-4{gap:1rem;gap:var(--spacing-4)}.gap-8{gap:2rem;gap:var(--spacing-8)}.gap-6{gap:1.5rem;gap:var(--spacing-6)}.p-2{padding:.5rem;padding:var(--spacing-2)}.p-3{padding:.75rem;padding:var(--spacing-3)}.p-4{padding:1rem;padding:var(--spacing-4)}.p-6{padding:1.5rem;padding:var(--spacing-6)}.px-3{padding-left:.75rem;padding-left:var(--spacing-3);padding-right:.75rem;padding-right:var(--spacing-3)}.px-4{padding-left:1rem;padding-left:var(--spacing-4);padding-right:1rem;padding-right:var(--spacing-4)}.px-6{padding-left:1.5rem;padding-left:var(--spacing-6);padding-right:1.5rem;padding-right:var(--spacing-6)}.px-8{padding-left:2rem;padding-left:var(--spacing-8);padding-right:2rem;padding-right:var(--spacing-8)}.py-2{padding-bottom:.5rem;padding-bottom:var(--spacing-2);padding-top:.5rem;padding-top:var(--spacing-2)}.py-4{padding-bottom:1rem;padding-bottom:var(--spacing-4);padding-top:1rem;padding-top:var(--spacing-4)}.mt-4{margin-top:1rem;margin-top:var(--spacing-4)}.mt-8{margin-top:2rem;margin-top:var(--spacing-8)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-2)}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-white{color:#fff}.text-slate-400{color:#94a3b8;color:var(--slate-400)}.text-slate-500{color:#64748b;color:var(--slate-500)}.text-slate-600{color:#475569;color:var(--slate-600)}.text-slate-700{color:#334155;color:var(--slate-700)}.text-slate-800{color:#1e293b;color:var(--slate-800)}.text-slate-900{color:#0f172a;color:var(--slate-900)}.text-primary-500{color:#3b82f6;color:var(--primary-500)}.text-success-500{color:#10b981;color:var(--success-500)}.text-error-500{color:#ef4444;color:var(--error-500)}.text-warning-500{color:#f59e0b;color:var(--warning-500)}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6;color:var(--primary-500)}.text-blue-600{color:#2563eb;color:var(--primary-600)}.text-blue-700{color:#1d4ed8;color:var(--primary-700)}.text-blue-800{color:#1e293b;color:var(--slate-800)}.text-blue-900{color:#0f172a;color:var(--slate-900)}.text-red-600,.text-red-800{color:#dc2626;color:var(--error-600)}.text-red-900{color:#0f172a;color:var(--slate-900)}.text-yellow-600,.text-yellow-700,.text-yellow-800{color:#d97706;color:var(--warning-600)}.text-yellow-900{color:#0f172a;color:var(--slate-900)}.text-green-600,.text-green-700{color:#059669;color:var(--success-600)}.text-green-900{color:#0f172a;color:var(--slate-900)}.bg-primary{background-color:#f8fafc;background-color:var(--bg-primary)}.bg-secondary{background-color:#fff;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.bg-white{background-color:#fff}.bg-slate-50{background-color:#f8fafc;background-color:var(--slate-50)}.bg-slate-100{background-color:#f1f5f9;background-color:var(--slate-100)}.bg-slate-200{background-color:#e2e8f0;background-color:var(--slate-200)}.bg-blue-50{background-color:#f0f9ff;background-color:var(--primary-50)}.bg-blue-100{background-color:#f1f5f9;background-color:var(--slate-100)}.bg-blue-600{background-color:#2563eb;background-color:var(--primary-600)}.bg-blue-700{background-color:#1d4ed8;background-color:var(--primary-700)}.bg-red-50{background-color:#fef2f2}.bg-red-200{background-color:#fecaca}.bg-yellow-50{background-color:#fffbeb}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-200{background-color:#fde68a}.bg-green-50{background-color:#f0fdf4}.bg-green-200{background-color:#bbf7d0}[data-theme=dark] .bg-blue-50{background-color:#3b82f61a}[data-theme=dark] .bg-blue-100{background-color:#3b82f633}.dark\.bg-blue-900\/30{background-color:#1e3a8a4d}.dark\.bg-blue-900\/20{background-color:#1e3a8a33}.bg-gradient{background:linear-gradient(135deg,#2563eb,#6366f1);background:linear-gradient(135deg,var(--primary-600),#6366f1)}.bg-gradient-light{background:linear-gradient(135deg,#f8fafc,#f0f9ff,#eef2ff);background:linear-gradient(135deg,var(--slate-50),var(--primary-50),#eef2ff)}.border{border:1px solid #e2e8f0;border:1px solid var(--slate-200)}.border-slate-200{border-color:#e2e8f0;border-color:var(--slate-200)}.border-red-200{border-color:#fecaca}.border-yellow-200{border-color:#fde68a}.border-blue-200{border-color:#bfdbfe}.border-blue-400{border-color:#60a5fa}.border-green-200{border-color:#bbf7d0}.border-b{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200)}.border-dashed{border-style:dashed}.border-2{border-width:2px}.rounded{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1rem;border-radius:var(--radius-2xl)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-12{width:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-12{height:3rem}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.top-4{top:1rem;top:var(--spacing-4)}.left-16{left:4rem}.inset-0{bottom:0;left:0;right:0;top:0}.z-10{z-index:10}.z-50{z-index:50}.z-60{z-index:60}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.block{display:block}.hidden{display:none}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}.transition-all{transition:all .2s ease-in-out}.duration-200{transition-duration:.2s}.ring-2{box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--primary-500)}.ring-blue-400{box-shadow:0 0 0 2px #60a5fa}.ring-opacity-50{--tw-ring-opacity:0.5}.transform{transform:translateZ(0)}.scale-105:hover{transform:scale(1.05)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out}.btn-primary{background:linear-gradient(135deg,#2563eb,#6366f1);background:linear-gradient(135deg,var(--primary-600),#6366f1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px -5px #3b82f666;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background-color:#f1f5f9;background-color:var(--slate-100);color:#475569;color:var(--slate-600)}.btn-secondary:hover{background-color:#e2e8f0;background-color:var(--slate-200)}.form-input{border:1px solid #cbd5e1;border:1px solid var(--slate-300);border-radius:.375rem;border-radius:var(--radius-md);font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.monaco-editor-container{border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:60}.modal-content{background-color:#fff;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:42rem;overflow-y:auto;position:relative;width:100%}.editor-panel{display:flex;flex-direction:column;height:100%;min-height:600px}.editor-container{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex:1 1;min-height:500px;overflow:hidden}@media (min-width:1024px){.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:px-8{padding-left:2rem;padding-left:var(--spacing-8);padding-right:2rem;padding-right:var(--spacing-8)}}@media (min-width:640px){.sm\\:px-6{padding-left:1.5rem;padding-left:var(--spacing-6);padding-right:1.5rem;padding-right:var(--spacing-6)}}@media (max-width:1023px){.grid-cols-2-fixed{gap:1rem;grid-template-columns:1fr 1fr}.editor-container{min-height:400px}}@media (max-width:768px){.grid-cols-2-fixed{gap:.5rem}.container{padding:0 .5rem}}::-webkit-scrollbar-track{background:var(--slate-100)}::-webkit-scrollbar-thumb{background:var(--slate-300)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.font-code{font-family:Fira Code,Monaco,Consolas,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.monaco-editor{border-radius:8px;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes success-flash{0%{background-color:#10b981}to{background-color:#059669}}.success-flash{animation:success-flash .3s ease-in-out}.component-error-boundary{background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin:10px 0;padding:15px}.component-error-content{text-align:center}.component-error-content h4{color:#856404;font-size:16px;margin:0 0 10px}.component-error-content p{color:#856404;font-size:14px;margin:0 0 15px}.component-error-content .btn{border:none;border-radius:3px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.component-error-content .btn-small{font-size:11px;padding:4px 8px}.component-error-content .btn-primary{background-color:#007bff;color:#fff}.component-error-content .btn-primary:hover{background-color:#0056b3}.component-error-details{background-color:#fffbf0;border:1px solid #ffeaa7;border-radius:3px;margin-top:15px;padding:10px;text-align:left}.component-error-details summary{color:#856404;cursor:pointer;font-size:12px;font-weight:700}.component-error-details pre{word-wrap:break-word;background-color:#f8f9fa;border-radius:3px;color:#495057;font-size:10px;line-height:1.3;margin:8px 0 0;overflow-x:auto;padding:8px;white-space:pre-wrap}.monaco-editor-container{border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;background-clip:text}.glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-convert{background:linear-gradient(135deg,#3b82f6,#6366f1);transform:translateY(0);transition:all .2s ease-in-out}.btn-convert:hover{box-shadow:0 10px 25px -5px #3b82f666;transform:translateY(-2px)}.btn-convert:active{transform:translateY(0)}.loading-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.success{animation:pulse-success 2s infinite;background-color:#10b981}.status-dot.error{animation:pulse-error 2s infinite;background-color:#ef4444}.status-dot.warning{animation:pulse-warning 2s infinite;background-color:#f59e0b}@keyframes pulse-success{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.5}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){.mobile-stack{display:block!important}.mobile-stack>*{margin-bottom:1rem}}@keyframes success-bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.success-bounce{animation:success-bounce 1s ease-in-out}.auth-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.auth-modal-header{align-items:center;border-bottom:1px solid #e8eaed;display:flex;justify-content:space-between;padding:24px 24px 16px}.auth-modal-header h2{color:#3c4043;font-size:20px;font-weight:500;margin:0}.auth-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:background-color .2s;width:32px}.auth-modal-close:hover{background:#f8f9fa}.auth-form{padding:20px 24px}.form-group{margin-bottom:20px}.form-group label{color:#3c4043;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{background:#fff;border:1px solid #dadce0;border-radius:8px;box-sizing:border-box;color:#3c4043;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#1a73e8;box-shadow:0 1px 6px #1a73e84d;outline:none}.form-group input:disabled{background:#f8f9fa;color:#5f6368;cursor:not-allowed}.auth-error{background:#fce8e6;border:1px solid #f9c9c3;border-radius:8px;color:#d93025;font-size:14px;margin-bottom:20px;padding:12px 16px}.auth-submit-btn{background:linear-gradient(135deg,#1a73e8,#1557b0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px 24px;transition:all .2s;width:100%}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1557b0,#1a73e8);box-shadow:0 4px 12px #1a73e84d;transform:translateY(-1px)}.auth-submit-btn:disabled{background:#9aa0a6;box-shadow:none;cursor:not-allowed;transform:none}.auth-modal-footer{border-top:1px solid #e8eaed;padding:16px 24px 24px;text-align:center}.auth-modal-footer p{color:#5f6368;font-size:14px;margin:0}.auth-link-btn{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:underline}.auth-link-btn:hover:not(:disabled){color:#1557b0}.auth-link-btn:disabled{color:#9aa0a6;cursor:not-allowed}.demo-accounts{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;margin:0 24px 24px;padding:16px}.demo-title{color:#5f6368;font-size:13px;font-weight:500;margin:0 0 8px}.demo-account{color:#5f6368;font-family:Roboto Mono,monospace;font-size:12px;margin:4px 0}@media (prefers-color-scheme:dark){.auth-modal{background:#2d2e30;color:#e8eaed}.auth-modal-header{border-bottom-color:#3c4043}.auth-modal-close,.auth-modal-header h2{color:#e8eaed}.auth-modal-close:hover{background:#3c4043}.form-group label{color:#e8eaed}.form-group input{background:#3c4043;border-color:#5f6368;color:#e8eaed}.form-group input:focus{border-color:#8ab4f8;box-shadow:0 1px 6px #8ab4f84d}.form-group input:disabled{background:#202124;color:#9aa0a6}.auth-error{background:#3c1e1e;border-color:#5c2b29;color:#f28b82}.auth-submit-btn{background:linear-gradient(135deg,#8ab4f8,#669df6)}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#669df6,#8ab4f8);box-shadow:0 4px 12px #8ab4f84d}.auth-submit-btn:disabled{background:#5f6368}.auth-modal-footer{border-top-color:#3c4043}.auth-modal-footer p{color:#9aa0a6}.auth-link-btn{color:#8ab4f8}.auth-link-btn:hover:not(:disabled){color:#669df6}.auth-link-btn:disabled{color:#5f6368}.demo-accounts{background:#202124;border-color:#3c4043}.demo-account,.demo-title{color:#9aa0a6}}.google-translate-app{background:#f9f9f9;font-family:Roboto,Arial,sans-serif;min-height:100vh}.google-header{align-items:center;background:#fff;border-bottom:1px solid #e8eaed;display:flex;height:64px;padding:0 24px;position:sticky;top:0;z-index:100}.google-container{margin:0 auto;max-width:95vw;width:100%}.google-header .google-container{align-items:center;display:flex;justify-content:space-between}.google-logo{align-items:center;display:flex;gap:8px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:500}.logo-translate{color:#5f6368;font-size:22px;font-weight:400}.google-nav{display:flex;gap:32px}.nav-link{background:none;border:none;color:#5f6368;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover:not(:disabled){color:#1a73e8}.nav-link:disabled{color:#9aa0a6;cursor:not-allowed}.user-account-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:20px;display:flex;gap:6px;padding:8px 12px;transition:all .2s}.user-account-btn:hover:not(:disabled){background:#f8f9fa;border-color:#1a73e8;color:#1a73e8}.google-main{min-height:calc(100vh - 64px);padding:16px}.language-selector-bar{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px}.language-selector{position:relative}.language-dropdown{background:#fff;border:1px solid #dadce0;border-radius:8px;color:#3c4043;cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:12px 16px;transition:all .2s}.language-dropdown:focus,.language-dropdown:hover{border-color:#1a73e8;box-shadow:0 1px 6px #20212447}.language-dropdown:focus{outline:none}.swap-button{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.swap-button:hover{background:#f8f9fa;border-color:#1a73e8;box-shadow:0 1px 6px #20212447;color:#1a73e8}.translation-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;gap:0;margin-bottom:24px;max-width:100%;min-height:fit-content;overflow:hidden;width:100%}.input-section,.output-section{display:flex;flex:1 1;flex-direction:column;min-width:0}.section-header{align-items:center;border-bottom:1px solid #e8eaed;display:flex;justify-content:space-between;padding:16px 20px 12px}.section-title{color:#5f6368;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.section-actions{display:flex;gap:8px}.action-btn{background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;padding:8px;transition:all .2s}.action-btn:hover:not(:disabled){background:#f8f9fa;color:#1a73e8}.action-btn:disabled{color:#9aa0a6;cursor:not-allowed}.input-textarea,.output-textarea{background:#0000;border:none;color:#3c4043;flex:1 1;font-family:Fira Code,Roboto Mono,Courier New,monospace;font-size:14px;line-height:1.6;outline:none;padding:20px;resize:none}.monaco-container{background:#fff;border:none;border-radius:0;max-height:70vh;min-height:400px;overflow:hidden}.input-textarea::placeholder,.output-textarea::placeholder{color:#9aa0a6;font-style:italic}.output-section .monaco-container{background:#f8f9fa}.convert-section{flex-direction:column;gap:16px;margin-top:24px}.convert-btn,.convert-section{align-items:center;display:flex}.convert-btn{background:linear-gradient(135deg,#1a73e8,#1557b0);border:none;border-radius:24px;box-shadow:0 2px 10px #1a73e84d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;gap:8px;padding:12px 32px;transition:all .2s}.convert-btn:hover:not(:disabled){background:linear-gradient(135deg,#1557b0,#1a73e8);box-shadow:0 4px 20px #1a73e866;transform:translateY(-2px)}.convert-btn:disabled{background:#9aa0a6;box-shadow:none;cursor:not-allowed;transform:none}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-overlay{position:fixed;right:24px;top:64px;z-index:1000}.settings-panel{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:70vh;overflow-y:auto;width:320px}.settings-header{align-items:center;border-bottom:1px solid #e8eaed;display:flex;justify-content:space-between;padding:16px 20px}.settings-header h3{color:#3c4043;font-size:16px;font-weight:500;margin:0}.settings-close{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:4px;width:28px}.settings-close:hover{background:#f8f9fa}.settings-body{padding:16px 20px}.history-overlay{position:fixed;right:100px;top:64px;z-index:1000}.history-panel{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:60vh;width:450px}.history-header{align-items:center;border-bottom:1px solid #e8eaed;display:flex;justify-content:space-between;padding:16px 20px}.history-header h3{color:#3c4043;font-size:16px;font-weight:500;margin:0}.history-close{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;padding:4px;width:28px}.history-close:hover{background:#f8f9fa}.history-body{flex:1 1;max-height:calc(60vh - 80px);overflow-y:auto;padding:16px 20px}.setting-item{margin-bottom:20px}.setting-label{align-items:center;cursor:pointer;display:flex;gap:12px}.setting-label,.setting-label-no-checkbox{color:#3c4043;font-size:14px;font-weight:500;margin-bottom:4px}.setting-checkbox{cursor:pointer;height:16px;width:16px}.theme-options{display:flex;gap:16px;margin-top:8px}.theme-option{align-items:center;color:#5f6368;cursor:pointer;display:flex;font-size:13px;gap:6px}.theme-option input[type=radio]{cursor:pointer;height:14px;width:14px}.setting-description{color:#5f6368;font-size:12px;line-height:1.4;margin:0 0 0 28px}.empty-history{color:#5f6368;font-style:italic;margin:40px 0;text-align:center}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{border:1px solid #e8eaed;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.history-item:hover{background:#f8f9fa;border-color:#1a73e8}.history-header-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.history-translation{color:#1a73e8;font-size:14px;font-weight:500}.history-timestamp{color:#5f6368;font-size:12px}.history-preview{color:#5f6368;font-family:Roboto Mono,monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-footer,.output-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e8eaed;display:flex;font-size:12px;justify-content:space-between;min-height:32px;padding:8px 20px}.char-count{color:#5f6368}.conversion-time{color:#34a853;font-weight:500}.conversion-error{color:#ea4335;font-weight:500}.conversion-loading{color:#1a73e8;font-weight:500}.conversion-waiting,.help-text{color:#5f6368;font-style:italic}.help-text{font-size:14px}@media (min-width:1200px){.google-container{max-width:90vw}.translation-card{min-height:fit-content}.monaco-container{max-height:75vh;min-height:500px}}@media (min-width:1600px){.google-container{max-width:85vw}.translation-card{min-height:fit-content}.monaco-container{max-height:80vh;min-height:600px}}@media (max-width:1024px){.google-container{max-width:98vw}.translation-card{min-height:fit-content}.monaco-container{max-height:60vh;min-height:400px}}@media (max-width:768px){.google-header{padding:0 12px}.google-main{padding:12px}.google-container{max-width:100vw}.language-selector-bar{flex-direction:column;gap:12px;margin-bottom:16px}.translation-card{flex-direction:column}.input-section,.output-section,.translation-card{min-height:fit-content}.monaco-container{max-height:40vh;min-height:300px}.convert-section{margin-top:16px}.convert-btn{font-size:14px;padding:10px 24px}.google-nav{display:none}}@media (max-width:480px){.google-header{padding:0 8px}.google-main{padding:8px}.google-container{max-width:100vw}.language-dropdown{font-size:13px;min-width:110px;padding:8px 10px}.swap-button{height:36px;width:36px}.section-header{padding:10px 12px 6px}.translation-card{min-height:fit-content}.monaco-container{max-height:35vh;min-height:250px}.input-footer,.output-footer{font-size:11px;padding:6px 12px}}@media (prefers-color-scheme:dark){.google-translate-app{background:#202124;color:#e8eaed}.google-header{background:#2d2e30;border-bottom-color:#3c4043}.logo-translate,.nav-link{color:#e8eaed}.nav-link:hover{color:#8ab4f8}.user-account-btn{background:#2d2e30;border-color:#3c4043;color:#e8eaed}.user-account-btn:hover:not(:disabled){background:#3c4043;border-color:#8ab4f8;color:#8ab4f8}.language-dropdown{background:#2d2e30;border-color:#3c4043;color:#e8eaed}.language-dropdown:focus,.language-dropdown:hover{border-color:#8ab4f8}.swap-button{background:#2d2e30;border-color:#3c4043;color:#e8eaed}.swap-button:hover{background:#3c4043;border-color:#8ab4f8;color:#8ab4f8}.translation-card{background:#2d2e30}.section-header{border-bottom-color:#3c4043}.section-title{color:#e8eaed}.section-divider{background:#3c4043}.action-btn{color:#e8eaed}.action-btn:hover{background:#3c4043;color:#8ab4f8}.input-textarea,.output-textarea{color:#e8eaed}.monaco-container,.output-section .monaco-container{background:#2d2e30}.convert-btn{background:linear-gradient(135deg,#8ab4f8,#669df6)}.convert-btn:hover:not(:disabled){background:linear-gradient(135deg,#669df6,#8ab4f8)}.convert-btn:disabled{background:#5f6368}.empty-history{color:#9aa0a6}.input-footer,.output-footer{background:#202124;border-top-color:#3c4043}.char-count,.conversion-waiting{color:#9aa0a6}.conversion-time{color:#34a853}.conversion-error{color:#f28b82}.conversion-loading{color:#8ab4f8}.help-text{color:#9aa0a6}.history-panel,.settings-panel{background:#2d2e30;border-color:#3c4043}.history-header,.settings-header{border-bottom-color:#3c4043}.history-close,.history-header h3,.settings-close,.settings-header h3{color:#e8eaed}.history-close:hover,.settings-close:hover{background:#3c4043}.setting-label,.setting-label-no-checkbox,.theme-option{color:#e8eaed}.setting-description{color:#9aa0a6}.history-item{border-color:#3c4043}.history-item:hover{background:#3c4043;border-color:#8ab4f8}.history-translation{color:#8ab4f8}.history-preview,.history-timestamp{color:#9aa0a6}}.toast-container{overflow:hidden;position:relative}.toast-enter{animation:slideInRight .3s ease-out}.toast-exit{animation:slideOutRight .3s ease-in}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-container:hover{box-shadow:0 10px 25px #00000026;transform:translateX(-5px)}.toast-container-wrapper{max-height:80vh;overflow-y:auto;pointer-events:none;position:fixed;right:20px;top:20px;z-index:1000}.toast-container-wrapper>*{pointer-events:auto}.error-boundary-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.error-boundary-content h2{color:#dc3545;font-size:24px;margin-bottom:20px}.error-boundary-content p{color:#6c757d;line-height:1.6;margin-bottom:30px}.error-boundary-actions{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.error-boundary-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.error-boundary-actions .btn-primary{background-color:#007bff;color:#fff}.error-boundary-actions .btn-primary:hover{background-color:#0056b3}.error-boundary-actions .btn-secondary{background-color:#6c757d;color:#fff}.error-boundary-actions .btn-secondary:hover{background-color:#545b62}.error-boundary-details{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:20px;padding:15px;text-align:left}.error-boundary-details summary{color:#495057;cursor:pointer;font-weight:700;margin-bottom:10px}.error-boundary-error h4{color:#dc3545;font-size:16px;margin:15px 0 10px}.error-boundary-error pre{word-wrap:break-word;background-color:#f1f3f4;border-radius:4px;color:#495057;font-size:12px;line-height:1.4;overflow-x:auto;padding:10px;white-space:pre-wrap}