:root{--bg:#0f1219;--bg-soft:#151a24;--card:#ffffff0b;--card-strong:#ffffff13;--border:#ffffff17;--border-strong:#ffffff2e;--text:#e9ecf3;--muted:#e9ecf38f;--faint:#e9ecf357;--accent:#5eead4;--accent-2:#818cf8;--danger:#fb7185;--warn:#fbbf24;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 620px at 12% -8%, #5eead41a, transparent 60%), radial-gradient(1000px 560px at 92% 0%, #818cf821, transparent 62%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.5}button{color:inherit;font-family:inherit}.app{flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;padding:20px 22px 0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand__logo{border:1px solid var(--border);background:linear-gradient(135deg,#5eead438,#818cf83d);border-radius:14px;place-items:center;width:46px;height:46px;font-size:26px;display:grid}.brand__text h1{letter-spacing:.5px;background:linear-gradient(92deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:21px;font-weight:700}.brand__text p{color:var(--muted);margin-top:2px;font-size:12px}.ghost-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:13px;transition:background .18s,border-color .18s,transform .12s;display:inline-flex}.ghost-btn:hover{background:var(--card-strong);border-color:var(--border-strong)}.ghost-btn:active{transform:scale(.97)}.primary-btn{color:#08111a;background:linear-gradient(92deg, var(--accent), var(--accent-2));cursor:pointer;border:none;border-radius:999px;min-height:40px;padding:0 20px;font-size:13px;font-weight:600;transition:filter .18s,transform .12s}.primary-btn:hover{filter:brightness(1.1)}.primary-btn:active{transform:scale(.97)}.badge{color:#cfd4ff;background:#818cf847;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.stage{flex-direction:column;flex:1;gap:14px;display:flex}.langbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.swap{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:19px;transition:background .18s,transform .25s,border-color .18s}.swap:hover{border-color:var(--border-strong);background:linear-gradient(135deg,#5eead433,#818cf838);transform:rotate(180deg)}.picker{min-width:0;position:relative}.picker__btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);cursor:pointer;text-align:left;align-items:center;gap:9px;width:100%;min-height:44px;padding:6px 14px;transition:background .18s,border-color .18s;display:flex}.picker__btn:hover{background:var(--card-strong);border-color:var(--border-strong)}.picker__label{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.picker__detected{color:var(--accent);white-space:nowrap;background:#5eead421;border:1px solid #5eead447;border-radius:999px;padding:2px 8px;font-size:11px}.picker__caret{color:var(--muted);margin-left:auto;font-size:11px;transition:transform .2s}.picker__caret--up{transform:rotate(180deg)}.picker__panel{z-index:60;border-radius:var(--radius);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12161ff7;width:min(330px,100vw - 32px);animation:.16s ease-out pop;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 22px 48px #0000008c}.picker--right .picker__panel{left:auto;right:0}@keyframes pop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.picker__search{border-bottom:1px solid var(--border);padding:10px}.picker__search input{border:1px solid var(--border);width:100%;height:38px;color:var(--text);background:#00000052;border-radius:9px;outline:none;padding:0 12px;font-size:14px}.picker__search input:focus{border-color:#5eead480}.picker__search input::placeholder{color:var(--faint)}.picker__list{overscroll-behavior:contain;max-height:330px;padding:6px;overflow-y:auto}.picker__group{letter-spacing:.6px;color:var(--faint);text-transform:uppercase;padding:9px 10px 5px;font-size:11px}.picker__item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:14px;display:flex}.picker__item--cursor{background:#ffffff14}.picker__item--on{background:linear-gradient(92deg,#5eead42b,#818cf82b)}.picker__item-zh{font-weight:500}.picker__item-native{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.picker__check{color:var(--accent);margin-left:auto;font-size:13px}.picker__empty{text-align:center;color:var(--faint);padding:26px 12px;font-size:13px}.panes{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;display:grid}.pane{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;min-height:330px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.pane:focus-within{border-color:#5eead461;box-shadow:0 0 0 3px #5eead417}.pane--target{background:#ffffff08}.pane--error{border-color:#fb71856b}.pane__head{border-bottom:1px solid var(--border);background:#00000029;align-items:center;gap:9px;padding:11px 14px;display:flex}.pane__tag{letter-spacing:.6px;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.pane__tag--source{color:var(--accent);background:#5eead429}.pane__tag--target{color:#b9c0ff;background:#818cf82e}.pane__lang{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pane__busy{color:var(--accent);margin-left:auto;font-size:11px;animation:1.1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.pane__body{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;position:relative}.pane__input{width:100%;min-height:150px;color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px;line-height:1.75}.pane__input::placeholder{color:var(--faint)}.pane__translit{color:var(--accent);opacity:.82;background:#5eead414;border:1px solid #5eead429;border-radius:9px;padding:7px 11px;font-size:13px}.pane__alts{background:#818cf814;border:1px solid #818cf829;border-radius:9px;flex-direction:column;gap:5px;padding:9px 11px;font-size:13px;display:flex}.pane__alts-title{color:var(--faint);letter-spacing:.6px;font-size:11px}.pane__alts-row{align-items:baseline;gap:9px;display:flex}.pane__pos{color:#b9c0ff;flex-shrink:0;min-width:52px;font-style:italic}.pane__terms{color:var(--muted)}.pane__error{color:var(--danger);background:#fb71851a;border:1px solid #fb71853d;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;display:flex}.link-btn{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:2px 4px;font-size:13px;font-weight:600;text-decoration:underline}.link-btn--danger{color:var(--danger)}.skeleton{pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute;inset:12px 14px}.skeleton span{background:linear-gradient(90deg,#ffffff0d,#ffffff21,#ffffff0d) 0 0/220% 100%;border-radius:8px;height:15px;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.pane__foot{border-top:1px solid var(--border);background:#00000029;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;display:flex}.count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.count--over{color:var(--warn);font-weight:600}.tools{gap:6px;display:flex}.tool{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;transition:background .16s,border-color .16s,transform .12s;display:grid}.tool:hover:not(:disabled){border-color:var(--border);background:#ffffff17}.tool:active:not(:disabled){transform:scale(.92)}.tool:disabled{opacity:.3;cursor:not-allowed}.statusbar{min-height:20px;color:var(--muted);text-align:center;font-size:12px}.statusbar__hint{color:var(--faint)}.chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.chips__label{color:var(--faint);margin-right:2px;font-size:12px}.chip{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;transition:background .16s,border-color .16s,transform .12s,color .16s}.chip:hover{border-color:var(--border-strong);background:linear-gradient(92deg,#5eead429,#818cf82e);transform:translateY(-1px)}.foot{text-align:center;color:var(--faint);padding:20px 0 22px;font-size:11px}.backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080d9e;animation:.18s ease-out fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{z-index:90;border-left:1px solid var(--border-strong);background:#10141cfa;flex-direction:column;width:min(430px,100vw);animation:.24s cubic-bezier(.22,1,.36,1) slide;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #00000080}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.drawer__head h2{font-size:16px;font-weight:700}.drawer__actions{align-items:center;gap:8px;display:flex}.drawer__body{flex-direction:column;flex:1;gap:9px;padding:12px;display:flex;overflow-y:auto}.drawer__empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:14px}.drawer__empty-icon{opacity:.5;margin-bottom:12px;font-size:34px}.drawer__hint{color:var(--faint);margin-top:7px;font-size:12px}.hist{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);transition:border-color .16s,background .16s;position:relative;overflow:hidden}.hist:hover{border-color:var(--border-strong);background:var(--card-strong)}.hist__main{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:11px 38px 11px 12px;display:block}.hist__meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.hist__pair{color:var(--accent);font-size:11px;font-weight:600}.hist__time{color:var(--faint);font-size:11px}.hist__from,.hist__to{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hist__from{color:var(--text)}.hist__to{color:var(--muted)}.hist__del{width:26px;height:26px;color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:7px;font-size:12px;position:absolute;top:8px;right:8px}.hist__del:hover{color:var(--danger);background:#fb71852e}.modal{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080db8;place-items:center;padding:20px;animation:.18s ease-out fade;display:grid;position:fixed;inset:0}.modal__box{border-radius:var(--radius);border:1px solid var(--border-strong);background:#12161ffc;flex-direction:column;width:min(880px,100%);max-height:86vh;display:flex;overflow:hidden;box-shadow:0 30px 70px #0009}.modal__head{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:13px;display:flex}.modal__input{min-height:320px;color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;padding:16px;font-family:inherit;font-size:17px;line-height:1.8}.modal__foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.modal__btns{gap:9px;display:flex}.toast{z-index:120;border:1px solid var(--border-strong);background:#141922f5;border-radius:999px;padding:11px 22px;font-size:13px;animation:.22s cubic-bezier(.22,1,.36,1) rise;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000080}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.topbar__actions{align-items:center;gap:9px;display:flex}.ghost-btn--on{color:var(--accent);background:#5eead424;border-color:#5eead466}.tool--on{color:#cfd4ff;background:#818cf838;border-color:#818cf880}.tool--live{color:#ffd7de;background:#fb718533;border-color:#fb71859e;animation:1.5s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{box-shadow:0 0 #fb718580}50%{box-shadow:0 0 0 7px #fb718500}}.pane__interim{color:var(--faint);white-space:pre-wrap;word-break:break-word;border-left:2px solid #fb718573;padding:0 2px 0 9px;font-size:14px;font-style:italic;line-height:1.7}.modal__box.ocr{width:min(680px,100%)}.ocr__body{outline-offset:-8px;border-radius:0;outline:2px dashed #0000;flex-direction:column;flex:1;gap:12px;min-height:260px;padding:16px;transition:background .15s,outline-color .15s;display:flex;overflow-y:auto}.ocr__body--over{background:#5eead412;outline-color:#5eead48c}.ocr__pick{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:9px;padding:22px 8px;display:flex}.ocr__pick-icon{opacity:.72;font-size:42px}.ocr__pick-title{font-size:15px;font-weight:600}.ocr__pick-hint{color:var(--muted);max-width:420px;font-size:12px;line-height:1.7}.ocr__pick-note{color:var(--faint);max-width:420px;font-size:11px;line-height:1.7}.ocr__btns{flex-wrap:wrap;justify-content:center;gap:9px;margin:6px 0 2px;display:flex}.ocr__work{flex-direction:column;align-items:center;gap:13px;padding:8px 0 14px;display:flex}.ocr__result{flex-direction:column;gap:10px;display:flex}.ocr__preview{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0b0e14;max-width:100%;max-height:200px}.ocr__preview--small{align-self:center;max-height:120px}.ocr__bar{background:#ffffff14;border-radius:999px;width:min(420px,100%);height:7px;overflow:hidden}.ocr__bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .25s;display:block}.ocr__stage{color:var(--muted);font-size:12px}.ocr__text{border-radius:var(--radius-sm);border:1px solid var(--border);min-height:150px;color:var(--text);resize:vertical;background:#ffffff09;outline:none;padding:13px 14px;font-family:inherit;font-size:15px;line-height:1.75}.ocr__text:focus{border-color:var(--border-strong);background:#ffffff0e}.ocr__meta{color:var(--faint);font-size:11px}.ocr__error{color:#ffc2cd;border-radius:var(--radius-sm);background:#fb71851f;border:1px solid #fb718552;padding:9px 11px;font-size:12.5px;line-height:1.65}.ocr__warn{color:#ffe1a8;border-radius:var(--radius-sm);background:#fbbf241a;border:1px solid #fbbf2447;padding:9px 11px;font-size:11.5px;line-height:1.65}.ocr__file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.voice-mask{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080d80;place-items:start end;padding:74px 20px 20px;animation:.16s ease-out fade;display:grid;position:fixed;inset:0}.voice-pop{border-radius:var(--radius);border:1px solid var(--border-strong);background:#12161ffc;flex-direction:column;width:min(400px,100%);max-height:min(74vh,620px);animation:.2s cubic-bezier(.22,1,.36,1) rise2;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000094}@keyframes rise2{0%{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}.voice-pop__head{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.voice-pop__body{flex-direction:column;flex:1;gap:18px;padding:14px;display:flex;overflow-y:auto}.voice-sec{flex-direction:column;gap:9px;display:flex}.voice-sec__title{letter-spacing:.7px;text-transform:uppercase;color:var(--faint);align-items:baseline;gap:8px;font-size:11px;display:flex}.voice-sec__title em{letter-spacing:0;text-transform:none;color:var(--accent);font-size:12px;font-style:normal}.voice-radio{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);cursor:pointer;align-items:flex-start;gap:9px;padding:10px 11px;font-size:13px;display:flex}.voice-radio:hover{background:var(--card-strong);border-color:var(--border-strong)}.voice-radio input{accent-color:var(--accent);flex-shrink:0;margin-top:3px}.voice-radio span{flex-direction:column;gap:3px;display:flex}.voice-radio b{font-weight:600}.voice-radio i{color:var(--muted);font-size:11.5px;font-style:normal;line-height:1.6}.voice-range{width:100%;accent-color:var(--accent);cursor:pointer}.voice-range__ticks{color:var(--faint);justify-content:space-between;font-size:10.5px;display:flex}.voice-row{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:11px;display:flex}.voice-row:last-child{border-bottom:none;padding-bottom:0}.voice-row__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.voice-row__lang{font-size:13px;font-weight:600}.voice-row__select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft);width:100%;color:var(--text);cursor:pointer;outline:none;padding:9px 10px;font-family:inherit;font-size:12.5px}.voice-row__select:focus{border-color:var(--border-strong)}.voice-note{color:var(--muted);font-size:11.5px;line-height:1.65}@media (width<=860px){.app{padding:14px 13px 0}.topbar{padding-bottom:13px}.brand__logo{width:40px;height:40px;font-size:22px}.brand__text h1{font-size:18px}.brand__text p{font-size:11px}.panes{grid-template-columns:1fr}.pane{min-height:232px}.pane__input{min-height:116px}.picker__label{font-size:13px}.picker__detected{display:none}.picker__btn{min-height:44px;padding:6px 11px}.swap{width:44px;height:44px}.tool{width:44px;height:44px;font-size:17px}.chip{padding:10px 15px;font-size:13px}.ghost-btn{min-height:44px}.statusbar__hint{font-size:11px}.foot{padding:15px 0 18px;font-size:10px}.topbar__actions{gap:7px}.ghost-btn{padding:8px 11px;font-size:12px}.voice-mask{place-items:end center;padding:0}.voice-pop{border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;width:100%;max-height:82vh}.ocr__btns{flex-direction:column;width:100%}.ocr__btns button{width:100%;min-height:44px}.modal__btns{flex-wrap:wrap;justify-content:flex-end}.modal__btns button{min-height:44px}}@media (width<=420px){.langbar{gap:7px}.brand__text p,.chips__label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}