:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#1e1e2e,#2d2d42)}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.translation-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}.translation-header h1{margin:0;font-size:1.5rem;font-weight:600}.translation-header .subtitle{opacity:.8;font-size:.9rem;margin-top:.25rem}.translation-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.navigation-bar{background:#374151;color:#fff;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4b5563}.nav-info{display:flex;gap:2rem;align-items:center}.nav-controls{display:flex;gap:.5rem}.nav-btn{background:#4b5563;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.nav-btn:hover:not(:disabled){background:#6b7280}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn.primary{background:#3b82f6}.nav-btn.primary:hover:not(:disabled){background:#2563eb}.editor-container{flex:1;display:flex;gap:1rem;padding:1rem;overflow:hidden}.editor-panel{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.panel-header{background:#f3f4f6;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151}.panel-content{flex:1;padding:1rem;overflow-y:auto}.text-display{font-family:Georgia,serif;line-height:1.6;color:#374151;font-size:1rem}.text-editor{width:100%;height:100%;border:none;outline:none;font-family:Georgia,serif;line-height:1.6;color:#374151;font-size:1rem;resize:none;padding:0}.save-button{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;margin-top:1rem;transition:all .2s}.save-button:hover:not(:disabled){background:#059669}.save-button:disabled{opacity:.5;cursor:not-allowed}.global-replace-panel{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-top:1rem;overflow:hidden}.replace-controls{padding:1rem;border-bottom:1px solid #e5e7eb}.replace-input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.replace-input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.replace-button{background:#f59e0b;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.replace-button:hover:not(:disabled){background:#d97706}.replace-button:disabled{opacity:.5;cursor:not-allowed}.replace-stats{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.preview-list{max-height:200px;overflow-y:auto;border-top:1px solid #e5e7eb}.preview-item{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.preview-item:last-child{border-bottom:none}.preview-before{color:#dc2626;font-family:monospace}.preview-after{color:#16a34a;font-family:monospace;margin-left:1rem}.loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:#6b7280}.error{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:.375rem;margin:1rem;border:1px solid #fecaca}.history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.history-panel{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000080;width:90vw;max-width:800px;max-height:90vh;display:flex;flex-direction:column;color:#1f2937}.history-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:.5rem .5rem 0 0}.history-header h3{margin:0;font-size:1.125rem;font-weight:600}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#374151}.history-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:500;color:#374151}.filter-group select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff}.history-actions{display:flex;gap:.5rem}.history-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;cursor:pointer;font-size:.875rem;transition:all .2s}.history-btn:hover{background:#f3f4f6}.history-btn.danger{border-color:#dc2626;color:#dc2626}.history-btn.danger:hover{background:#fef2f2}.history-stats{display:flex;gap:1rem;padding:.75rem 1.5rem;background:#f3f4f6;font-size:.875rem;color:#6b7280}.history-list{flex:1;overflow-y:auto;padding:1rem 1.5rem}.no-history{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.history-entry{border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:1rem;padding:1rem;background:#fafafa}.history-entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.history-item-info{font-weight:600;color:#1f2937}.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.75rem;color:#6b7280}.history-action{padding:.125rem .375rem;border-radius:.25rem;font-weight:500;text-transform:uppercase}.history-action.edit{background:#dbeafe;color:#1d4ed8}.history-action.global_replace{background:#fef3c7;color:#d97706}.history-field{margin-bottom:.75rem;font-size:.875rem;color:#6b7280}.history-changes{display:grid;gap:.75rem}.history-old,.history-new{display:flex;flex-direction:column;gap:.25rem}.history-old label,.history-new label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.history-old label{color:#dc2626}.history-new label{color:#059669}.history-text{padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.875rem;line-height:1.4;white-space:pre-wrap;max-height:200px;overflow-y:auto}