*{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1a73e8;--blue-light:#e8f0fe;--gray-50:#f8f9fa;--gray-100:#f1f3f4;--gray-200:#e8eaed;--gray-300:#dadce0;--gray-500:#80868b;--gray-700:#5f6368;--gray-900:#202124;--white:#fff;--red:#d93025;--shadow-sm:0 1px 2px #3c40434d, 0 1px 3px #3c404326;--shadow-md:0 1px 3px #3c40434d, 0 4px 8px 3px #3c404326;--sans:"Google Sans", system-ui, -apple-system, sans-serif}body{font-family:var(--sans);background:var(--white);color:var(--gray-900);line-height:1.5}#root{min-height:100vh}.app{min-height:100vh;transition:margin-right .3s}.app.sidebar-open{margin-right:360px}.app.settings-open{margin-left:300px}.app-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-right{align-items:center;gap:8px;display:flex}.app-logo{color:var(--gray-700);letter-spacing:-.5px;font-size:22px;font-weight:400}.icon-btn{cursor:pointer;color:var(--gray-700);background:0 0;border:none;border-radius:50%;padding:8px;font-size:20px;transition:background .2s;position:relative}.icon-btn:hover{background:var(--gray-100)}.saved-badge{background:var(--blue);color:var(--white);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:500;display:flex;position:absolute;top:2px;right:2px}.main-area{max-width:1080px;margin:0 auto;padding:24px}.lang-bar{border-bottom:1px solid var(--gray-200);align-items:center;gap:0;margin-bottom:0;display:flex}.lang-current{color:var(--blue);padding:12px 16px;font-size:14px;font-weight:500}.swap-btn{color:var(--gray-700);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:8px 16px;font-size:20px;transition:background .2s}.swap-btn:hover{background:var(--gray-100)}.translate-panel{background:var(--white);box-shadow:var(--shadow-sm);border-radius:8px;overflow:hidden}.pane{padding:20px 24px;position:relative}.pane--source{background:var(--white);min-height:140px}.pane--target{background:var(--gray-50);min-height:120px}.pane-divider{background:var(--gray-200);height:1px}.pane-target-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pane-target-label{color:var(--blue);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.copy-btn{border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:background .2s}.copy-btn:hover{background:var(--gray-100)}.pane-textarea{width:100%;min-height:100px;font-size:24px;font-family:var(--sans);color:var(--gray-900);resize:none;background:0 0;border:none;outline:none;line-height:1.4}.pane-textarea::placeholder{color:var(--gray-500)}.clear-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.clear-btn:hover{background:var(--gray-200);color:var(--gray-900)}.pane-result{color:var(--gray-900);white-space:pre-wrap;word-break:break-word;font-size:24px;line-height:1.4}.pane-placeholder{color:var(--gray-500);font-size:24px}.pane-error{color:var(--red);font-size:14px}.sidebar{background:var(--white);border-left:1px solid var(--gray-200);width:360px;height:100vh;box-shadow:var(--shadow-md);z-index:1001;flex-direction:column;transition:right .3s;display:flex;position:fixed;top:0;right:-360px;overflow-y:auto}.sidebar--open{right:0}.sidebar-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-header h2{color:var(--gray-900);font-size:16px;font-weight:500}.close-btn{cursor:pointer;color:var(--gray-500);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:background .2s;display:flex}.close-btn:hover{background:var(--gray-100);color:var(--gray-900)}.csv-btn{background:var(--white);color:var(--blue);border:1px solid var(--gray-300);cursor:pointer;border-radius:4px;margin:12px 20px 4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s,box-shadow .2s}.csv-btn:hover:not(:disabled){background:var(--blue-light);box-shadow:var(--shadow-sm)}.csv-btn:disabled{opacity:.4;cursor:not-allowed}.empty-msg{text-align:center;color:var(--gray-500);padding:40px 20px;font-size:14px}.word-list{padding:4px 0;list-style:none}.word-item{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:12px 20px;transition:background .15s;display:flex}.word-item:hover{background:var(--gray-50)}.word-item:last-child{border-bottom:none}.word-texts{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.word-source,.word-result{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.word-item--expanded .word-texts{flex-direction:column;align-items:flex-start}.word-item--expanded .word-source,.word-item--expanded .word-result{white-space:normal;word-break:break-word;overflow:visible}.word-item--expanded .word-arrow{transform:rotate(90deg)}.word-source{color:var(--gray-500)}.word-result{color:var(--gray-900);font-weight:500}.word-arrow{color:var(--gray-300);flex-shrink:0;font-size:12px}.delete-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:4px;font-size:16px;transition:background .2s,color .2s;display:flex}.delete-btn:hover{color:var(--red);background:#d9302514}.settings-panel{background:var(--white);border-right:1px solid var(--gray-200);width:300px;height:100vh;box-shadow:var(--shadow-md);z-index:1001;flex-direction:column;transition:left .3s;display:flex;position:fixed;top:0;left:-300px;overflow-y:auto}.settings-panel--open{left:0}.settings-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-header h2{color:var(--gray-900);font-size:16px;font-weight:500}.settings-body{padding:16px 20px}.settings-section{margin-bottom:24px}.settings-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500}.settings-lang-list{flex-wrap:wrap;gap:8px;display:flex}.settings-lang-btn{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.settings-lang-btn:hover{background:var(--gray-100)}.settings-lang-btn--active{background:var(--blue);border-color:var(--blue);color:var(--white)}.settings-toggle{color:var(--gray-700);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.settings-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}