:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f5;--text-primary: #1a1a2e;--text-secondary: #555;--text-muted: #888;--border-color: #dde1e6;--accent: #4a6cf7;--accent-hover: #3b5de7;--accent-light: #e8ecff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .1);--transition: .15s ease;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{max-width:1440px;margin:0 auto;height:100vh;display:flex;flex-direction:column}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 24px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow);flex-shrink:0}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.app-title{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.api-key-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);padding:6px 14px;font-size:.8rem;cursor:pointer;transition:background var(--transition)}.api-key-btn:hover{background:var(--accent-light);border-color:var(--accent)}.language-bar{display:flex;align-items:center;gap:12px}.language-selector{display:flex;align-items:center;gap:6px}.lang-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.lang-select{padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);font-size:.85rem;cursor:pointer;transition:border-color var(--transition);color:var(--text-primary)}.lang-select option{background:var(--bg-secondary);color:var(--text-primary);padding:4px 8px}.lang-select:hover,.lang-select:focus{border-color:var(--accent);outline:none}.lang-arrow{color:var(--text-muted);font-size:1.2rem}.app-main{display:flex;flex:1;gap:0;min-height:0;overflow:hidden}.editor-section{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border-color);min-width:0;min-height:0;overflow:hidden}.translation-section{width:420px;min-width:320px;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0}.section-header h2{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.text-editor-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.toolbar-btn{padding:4px 10px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:.8rem;color:var(--text-primary);transition:all var(--transition)}.toolbar-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.toolbar-separator{width:1px;height:20px;background:var(--border-color);margin:0 4px}.editor-content{flex:1;padding:20px 24px;font-size:1.1rem;line-height:1.8;overflow-y:auto;min-height:200px;outline:none;word-wrap:break-word}.editor-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.editor-content:focus{box-shadow:inset 0 0 0 1px var(--accent)}.translation-panel{flex:1;overflow-y:auto;padding:16px;min-height:0}.translation-panel--empty{display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-icon{font-size:2.5rem;display:block;margin-bottom:12px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:12px}.spinner--small{width:16px;height:16px;border-width:2px;margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;padding:20px;color:var(--error)}.error-icon{font-size:1.5rem;display:block;margin-bottom:8px}.translation-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--accent-light)}.selected-word{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.simple-translation{font-size:1.1rem;color:var(--accent);font-weight:500}.dictionary-entry{margin-bottom:20px;padding:14px;background:var(--bg-tertiary);border-radius:var(--radius);border:1px solid var(--border-color)}.entry-header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}.entry-word{font-size:1.2rem;font-weight:700}.entry-phonetic{font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);background:var(--bg-secondary);padding:1px 8px;border-radius:4px}.entry-pos{font-size:.75rem;color:var(--text-muted);font-style:italic;text-transform:lowercase}.entry-frequency{font-size:.7rem;padding:2px 8px;border-radius:10px;text-transform:capitalize}.frequency--common{background:#dcfce7;color:#166534}.frequency--rare{background:#fef3c7;color:#92400e}.frequency--formal{background:#dbeafe;color:#1e40af}.frequency--informal{background:#fce7f3;color:#9d174d}.entry-definitions h4,.entry-examples h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.entry-definitions ol{padding-left:20px}.definition-item{margin-bottom:8px}.definition-meaning{font-size:.95rem}.definition-synonyms,.definition-antonyms{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.entry-examples ul{list-style:none;padding:0}.example-item{margin-bottom:8px;padding:8px 10px;background:var(--bg-secondary);border-radius:6px;border-left:3px solid var(--accent)}.example-source{font-size:.9rem;margin-bottom:2px}.example-translation{font-size:.85rem;color:var(--text-secondary)}.image-upload{display:flex;flex-direction:column;gap:8px}.image-upload-controls{display:flex;align-items:center;gap:10px}.upload-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.8rem;cursor:pointer;transition:background var(--transition)}.upload-btn:hover:not(:disabled){background:var(--accent-hover)}.upload-btn:disabled{opacity:.7;cursor:not-allowed}.upload-icon{font-size:1rem}.image-preview{max-width:200px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-color)}.image-preview img{width:100%;height:auto;display:block}.ocr-error{font-size:.8rem;color:var(--error)}@media(max-width:900px){.app-main{flex-direction:column}.translation-section{width:100%;min-width:unset;max-height:50vh}.editor-section{border-right:none;border-bottom:1px solid var(--border-color)}}