@font-face{font-family:Cybertron Autobot;src:url(./cybertron-autobot-Cez82QyR.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400;unicode-range:U+0041-005A,U+0061-007A}@font-face{font-family:Cybertron Decepticon;src:url(./cybertron-decepticon-C1FUR_nk.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400;unicode-range:U+0041-005A,U+0061-007A}@font-face{font-family:Cybertron DIN Fallback;src:url(./gidole-latin-400-normal-bYHmfnjK.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400}:root{color-scheme:light;--ink: #111313;--muted: #626968;--page: #e9eae7;--paper: #f5f6f3;--surface: #eff0ed;--target: #fdfdfb;--line: #c8cdca;--line-strong: #242827;--signal: #b3232d;--signal-dark: #861720;--local: #1f7654;--focus: #b3232d;--glyph-size: 18px;--literal-size: 18px;--line-size: 23px;--glyph-gap: 1px;--word-gap: 6px;--punctuation-lift: 2px;--cybertron-font: "Cybertron Autobot";--literal-font: "Bahnschrift", "Cybertron DIN Fallback", "Aptos", "Microsoft YaHei UI", sans-serif;font-family:Bahnschrift,Aptos,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:320px;background:var(--page);overscroll-behavior-x:none;touch-action:pan-y}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(17,19,19,.025) 79px,rgba(17,19,19,.025) 80px),var(--page)}button,textarea,input{font:inherit;letter-spacing:0}button,input[type=range]{cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible,dialog:focus-visible,.alphabet-option input:focus-visible+.alphabet-option-content{outline:3px solid var(--focus);outline-offset:2px}.app-shell{width:min(1248px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:22px 0 18px}.product-header,.brand-lockup,.language-bar,.language-name,.action-bar,.action-group,.size-control,.dialog-heading{display:flex;align-items:center}.product-header{justify-content:space-between;gap:20px;min-height:72px;margin-bottom:12px;padding:10px 2px 11px;border-top:3px solid var(--ink);border-bottom:1px solid var(--line-strong)}.brand-lockup{gap:13px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;background:var(--target);border:1px solid var(--ink)}.brand-lockup h1{margin:0;font-size:23px;font-weight:650;line-height:1.15;letter-spacing:0}.translator-workspace{overflow:hidden;background:var(--paper);border:1px solid var(--ink)}.language-bar{position:relative;min-height:54px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--paper);border-bottom:1px solid var(--ink)}.language-name{min-width:0;gap:11px;padding:0 22px}.language-code{min-width:30px;padding:3px 5px 2px;color:var(--target);background:var(--ink);border:1px solid var(--ink);font-size:11px;font-weight:700;line-height:1;text-align:center}.language-name strong{font-size:14px;font-weight:650;letter-spacing:0;white-space:nowrap}.language-direction{position:absolute;left:50%;top:50%;z-index:1;width:34px;height:24px;display:grid;place-items:center;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);font-size:15px;line-height:1;transform:translate(-50%,-50%);cursor:pointer}.language-direction:hover{color:#fff;background:var(--signal);border-color:var(--signal)}.language-direction:active{background:var(--signal-dark)}.language-direction>span{display:block;font-size:15px;line-height:1}.target-language{border-left:1px solid var(--ink)}#glyph-count{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.alphabet-selector{min-width:174px;height:34px;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0}.alphabet-option{position:relative;min-width:0;display:block}.alphabet-option input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.alphabet-option>.alphabet-option-content{height:34px;padding:0 10px;display:grid;place-items:center;color:var(--ink);background:var(--target);border:1px solid var(--line-strong);font-size:12px;font-weight:650;line-height:1;white-space:nowrap;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.alphabet-option+.alphabet-option>.alphabet-option-content{border-left:0}.alphabet-option input:hover+.alphabet-option-content{background:#e2e4e1}.alphabet-option input:checked+.alphabet-option-content{color:#fff;background:var(--signal);border-color:var(--signal)}.alphabet-option input:checked:hover+.alphabet-option-content{background:var(--signal-dark);border-color:var(--signal-dark)}.translation-surfaces{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.source-pane,.target-pane{position:relative;min-width:0;min-height:430px}.source-pane{background:var(--surface)}.target-pane{background:var(--target);border-left:1px solid var(--ink)}#source-input{width:100%;min-height:430px;padding:30px 30px 62px;display:block;resize:vertical;color:var(--ink);background:transparent;border:0;border-radius:0;font-family:Georgia,Aptos,Microsoft YaHei UI,serif;font-size:20px;line-height:1.7;letter-spacing:0}#source-input:focus-visible{outline-offset:-4px}#source-input::placeholder{color:#8b9290;font-style:italic}#character-count{position:absolute;right:29px;bottom:20px;min-width:76px;padding-top:7px;color:var(--muted);border-top:1px solid var(--line);font-size:12px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.output-stage{min-height:430px;padding:30px;overflow-wrap:anywhere;background:var(--target)}.empty-output{width:100%;margin:0;padding-bottom:12px;color:#858c8a;border-bottom:1px solid var(--line);font-family:Georgia,Microsoft YaHei UI,serif;font-size:15px;font-style:italic}.token-flow{min-height:100%;color:#000;font-size:0;line-height:var(--line-size);overflow-wrap:anywhere}.english-output{min-height:100%;color:var(--ink);font-family:Georgia,Aptos,Microsoft YaHei UI,serif;font-size:var(--literal-size);line-height:var(--line-size);white-space:pre-wrap;overflow-wrap:anywhere}.recognition-panel{min-height:430px;padding:30px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:14px;background:var(--surface)}.recognition-dropzone{min-height:154px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink);background:var(--paper);border:1px dashed var(--line-strong);text-align:center;cursor:pointer}.recognition-dropzone:hover,.recognition-dropzone:focus-within{background:#e6e8e5;border-color:var(--signal)}.recognition-icon{font-size:30px;font-weight:300;line-height:1}.recognition-dropzone strong{font-size:15px}.recognition-dropzone>span:last-child{color:var(--muted);font-size:12px}.recognition-status{margin:0;color:var(--muted);font-size:12px;text-align:center}.recognition-preview{width:100%;max-height:130px;object-fit:contain;background:var(--target);border:1px solid var(--line)}.glyph-token{display:inline-block;height:var(--glyph-size);margin-right:var(--glyph-gap);padding:0;color:#000;background:transparent;border:0;font-family:var(--cybertron-font);font-size:var(--glyph-size);font-style:normal;font-weight:400;font-synthesis:none;line-height:var(--glyph-size);white-space:pre;vertical-align:bottom}.space-token{display:inline-block;width:var(--word-gap);height:var(--glyph-size);background:transparent;border:0;vertical-align:bottom}.literal-token{display:inline-flex;height:var(--glyph-size);margin-right:var(--glyph-gap);padding:0;color:#000;background:transparent;border:0;box-shadow:none;font-family:var(--literal-font);font-size:var(--literal-size);font-weight:400;line-height:.82;vertical-align:bottom}.literal-top{align-items:flex-start}.literal-baseline{align-items:flex-end;transform:translateY(calc(-1 * var(--punctuation-lift)))}.wrap-opportunity{display:inline}.action-bar{min-height:64px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(286px,.85fr) minmax(0,1fr);gap:12px;background:var(--paper);border-top:1px solid var(--ink)}.action-group{gap:7px}.target-actions{justify-content:flex-end}.button{min-width:86px;min-height:40px;padding:8px 13px;border:1px solid var(--line-strong);border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ink);background:var(--target);font-size:13px;font-weight:650;line-height:1;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.button>span{min-width:13px;font-size:16px;font-weight:400;line-height:1}#primary-action-label{min-width:0;font-size:inherit;font-weight:inherit}.button-quiet:hover{color:var(--target);background:var(--ink);border-color:var(--ink)}.button-quiet:active{color:var(--ink);background:#dfe3e1}.button-primary{color:#fff;background:var(--signal);border-color:var(--signal)}.button-primary:hover{background:var(--signal-dark);border-color:var(--signal-dark)}.button-primary:active{background:#681019;border-color:#681019}.size-control{min-height:40px;gap:11px;padding:0 14px;color:var(--muted);border-right:1px solid var(--line);border-left:1px solid var(--line);font-size:12px;white-space:nowrap}.size-control label{color:var(--ink);font-weight:600}#target-size{width:100%;height:22px;margin:0;appearance:none;background:transparent}#target-size::-webkit-slider-runnable-track{height:2px;background:var(--ink)}#target-size::-webkit-slider-thumb{width:12px;height:20px;margin-top:-9px;appearance:none;background:var(--target);border:2px solid var(--ink);border-radius:0}#target-size:hover::-webkit-slider-thumb{background:var(--ink)}#target-size-value{min-width:44px;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}dialog{width:min(1040px,calc(100% - 28px));max-height:min(760px,calc(100% - 28px));padding:0;overflow:auto;color:var(--ink);background:var(--target);border:1px solid var(--ink);border-radius:0;box-shadow:14px 14px #1113132e}dialog::backdrop{background:#1113139e}.dialog-heading{position:sticky;top:0;z-index:1;min-height:62px;justify-content:space-between;padding:12px 16px 12px 20px;background:var(--paper);border-bottom:2px solid var(--ink)}.dialog-heading h2{margin:0;font-size:21px;font-weight:650;letter-spacing:0}.icon-button{width:38px;height:38px;display:grid;place-items:center;color:var(--ink);background:var(--target);border:1px solid var(--ink);border-radius:0;font-size:23px;line-height:1}.icon-button:hover{color:#fff;background:var(--signal);border-color:var(--signal)}.reference-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));background:var(--line);gap:1px}.reference-item{min-width:0;min-height:124px;margin:0;padding:11px 7px 13px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--target);border:0}.reference-item img{width:auto;height:66px;max-width:100%;object-fit:contain}.reference-item strong{align-self:flex-start;color:var(--ink);font-family:Georgia,Bahnschrift,serif;font-size:14px;font-weight:700}.toast{position:fixed;right:24px;bottom:24px;max-width:min(360px,calc(100% - 48px));padding:12px 15px;color:#fff;background:var(--ink);border-left:4px solid var(--signal);border-radius:0;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .14s ease,transform .14s ease}.toast.is-visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){body{background:var(--page)}.app-shell{width:min(100% - 20px,560px);padding:10px 0 12px}.product-header{min-height:58px;margin-bottom:8px;padding:7px 0 8px}.brand-lockup{gap:9px}.brand-mark{width:38px;height:38px}.brand-lockup h1{font-size:18px}.language-bar{min-height:52px;grid-template-columns:repeat(2,minmax(0,1fr))}.language-name{gap:7px;padding:0 10px}.language-code{min-width:27px;padding-inline:4px;font-size:10px}.language-direction{left:50%;width:28px;height:22px;font-size:13px}.target-language{padding-left:17px}html[data-direction=english-to-cybertron] .target-language>strong,html[data-direction=cybertron-to-english] .source-language>strong{display:none}.alphabet-selector{width:100%;min-width:0;height:32px}.alphabet-option>.alphabet-option-content{height:32px;padding-inline:6px;font-size:11px}#glyph-count{display:none}.translation-surfaces{display:block}.source-pane{min-height:176px}.target-pane{min-height:214px;border-top:1px solid var(--ink);border-left:0}#source-input{min-height:176px;padding:18px 18px 46px;resize:none;font-size:17px;line-height:1.55}#character-count{right:18px;bottom:12px;padding-top:5px}.output-stage{min-height:214px;padding:19px 18px}.english-output{font-size:17px;line-height:1.55}.recognition-panel{min-height:214px;padding:19px 18px}.action-bar{min-height:108px;padding:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.source-actions,.target-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.target-actions{justify-content:stretch}.size-control{grid-column:1 / -1;grid-row:1;min-height:38px;padding:0 8px;border:0}.button{min-width:0;min-height:38px;padding:7px 6px;gap:5px}.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-item{min-height:104px;padding:10px 7px}.reference-item img{height:54px}dialog{width:calc(100% - 16px);max-height:calc(100% - 16px);box-shadow:7px 7px #1113132e}.dialog-heading{min-height:56px;padding:9px 10px 9px 14px}.dialog-heading h2{font-size:18px}.toast{right:12px;bottom:12px;max-width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{color-scheme:dark;--ink: #111519;--muted: #7d8992;--page: #07090b;--paper: #11161a;--surface: #e8ebea;--target: #fcfdfb;--line: #334048;--line-strong: #69757a;--signal: #d52f3b;--signal-bright: #f34752;--signal-dark: #8d1722;--energon: #48e2db;--energon-dim: #176c6c;--local: #55d896;--focus: #59eee5;--steel: #a7b0b4;--system-chrome: #11181d;font-family:Bahnschrift,Microsoft YaHei UI,sans-serif}html{background:var(--system-chrome);scrollbar-color:#68747a #0a0d0f;min-height:100%}body{position:relative;isolation:isolate;padding-top:0;border-top:env(safe-area-inset-top) solid var(--system-chrome);color:#eaf0f1;background:linear-gradient(115deg,#050709b8,#05080a61 42%,#0b0e109e),#060809;overflow-x:hidden}@supports (min-height: 100dvh){body,.app-shell{min-height:100dvh}}body:before,body:after{position:fixed;z-index:-1;pointer-events:none;content:""}body:before{inset:0;opacity:.46;background-image:linear-gradient(rgba(112,238,231,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(112,238,231,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 82%);mask-image:linear-gradient(to bottom,#000,transparent 82%)}body:after{inset:0;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.08) 4px);mix-blend-mode:screen}.cosmic-backdrop{position:fixed;z-index:-2;inset:0;background:linear-gradient(90deg,#0407099e,#05080a4d 48%,#06080a94),linear-gradient(0deg,rgba(6,8,10,.76) 0%,transparent 62%),url(./cybertron-cosmic-cliffs-Da7DjrQ7.jpg) center 35% / cover no-repeat;filter:saturate(.76) contrast(1.12) brightness(.86);transform:scale(1.02);animation:backdrop-arrival 1.2s cubic-bezier(.2,.72,0,1) both}.app-shell{width:min(1376px,calc(100% - 64px));min-height:100vh;padding:26px 0 18px}.product-header{position:relative;min-height:92px;margin-bottom:15px;padding:9px 20px 12px 0;border:0;border-bottom:1px solid rgba(158,176,181,.48);animation:interface-arrival .7s 80ms cubic-bezier(.2,.72,0,1) both}.product-header:before{position:absolute;left:0;bottom:-1px;width:min(44%,520px);height:3px;background:linear-gradient(90deg,var(--signal-bright),rgba(211,47,59,0));content:""}.product-header:after{position:absolute;right:0;bottom:-1px;width:86px;height:1px;background:var(--energon);box-shadow:0 0 12px #48e2dbb3;content:""}.brand-lockup{gap:17px}.brand-mark{position:relative;width:64px;height:70px;overflow:hidden;background:linear-gradient(150deg,#d4e1e324,#414d5214);border:1px solid rgba(182,201,205,.5);clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%)}.brand-mark:before,.brand-mark:after{position:absolute;content:""}.brand-mark:before{inset:5px;border:1px solid rgba(72,226,219,.25);clip-path:inherit}.brand-mark:after{right:-18px;bottom:5px;width:50px;height:4px;background:var(--signal);transform:rotate(-45deg);box-shadow:0 0 11px #f347528c}.brand-lockup h1{color:#f4f7f7;font-family:Agency FB,Bahnschrift Condensed,Microsoft YaHei UI,sans-serif;font-size:32px;font-weight:700;line-height:1}.brand-lockup h1 span{margin-left:10px;color:var(--steel);font-size:.68em;font-weight:500}.translator-workspace{position:relative;overflow:visible;background:#101519;border:1px solid rgba(164,180,184,.7);box-shadow:0 28px 70px #0000007a,0 0 0 5px #06080ab8,inset 0 1px #ffffff1a;clip-path:polygon(18px 0,calc(100% - 70px) 0,calc(100% - 52px) 18px,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,70px 100%,52px calc(100% - 18px),0 calc(100% - 18px),0 18px);animation:interface-arrival .8s .18s cubic-bezier(.2,.72,0,1) both}.translator-workspace>*:not(.armor-detail){position:relative;z-index:2}.armor-detail{position:absolute;z-index:1;height:5px;pointer-events:none}.armor-detail:before,.armor-detail:after{position:absolute;top:0;height:100%;content:""}.armor-detail-top{top:-5px;left:26px;right:84px;border-top:1px solid rgba(182,198,202,.46)}.armor-detail-top:before{left:0;width:18%;background:linear-gradient(90deg,var(--faction-accent),transparent);box-shadow:0 -2px 10px var(--faction-glow)}.armor-detail-top:after{display:none}.armor-detail-bottom{right:28px;bottom:-5px;left:84px;border-bottom:1px solid rgba(182,198,202,.4)}.armor-detail-bottom:before{right:0;width:22%;background:linear-gradient(90deg,transparent,var(--energon));box-shadow:0 2px 10px #48e2db40}.armor-detail-bottom:after{left:0;width:62px;background:repeating-linear-gradient(90deg,#657278 0 6px,transparent 6px 11px);opacity:.42}.translator-workspace:before,.translator-workspace:after{display:none}.translator-workspace:before{top:17px;right:1px;width:88px;height:3px;background:var(--signal-bright);box-shadow:0 0 14px #f34752bf}.translator-workspace:after{left:1px;bottom:17px;width:116px;height:3px;background:var(--energon);box-shadow:0 0 14px #48e2db99}.language-bar{min-height:66px;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 22%,transparent 78%,rgba(255,255,255,.035)),#151b1f;border-bottom:1px solid #6d797e}.language-name{gap:12px;padding:0 25px}.language-code{min-width:38px;padding:5px 7px 4px;color:#f5f7f7;background:#282f33;border:1px solid #69757a;font-family:Bahnschrift Condensed,sans-serif;font-size:10px;letter-spacing:.12em;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.language-name strong{color:#e9eeee;font-size:13px;letter-spacing:.02em}.target-language{border-left-color:#647075}.language-direction{width:44px;height:32px;color:var(--energon);background:#0c1114;border-color:#647075;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.language-direction,.language-direction>span{display:grid;place-items:center}.language-direction>span{width:22px;height:22px;line-height:0}.direction-icon{display:block;width:20px;height:20px}.language-direction:hover{color:#fff;background:var(--signal);border-color:var(--signal-bright);box-shadow:0 0 18px #d52f3b80}.language-direction>span{font-size:18px}#glyph-count{color:#859197;font-family:Bahnschrift Condensed,sans-serif;font-size:11px;letter-spacing:.04em}.alphabet-selector{min-width:232px;height:42px;gap:8px}.alphabet-option>.alphabet-option-content{position:relative;height:42px;padding:0 13px 0 10px;display:flex;align-items:center;justify-content:center;gap:9px;color:#aeb8bb;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 46%),#0b1013;border:1px solid #4c585e;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);font-size:12px;font-weight:700;letter-spacing:.03em;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.alphabet-option-content img{width:28px;height:28px;flex:0 0 auto;object-fit:contain}.alphabet-option-content>span{height:auto;padding:0;display:inline;color:inherit;background:transparent;border:0;font:inherit;line-height:1}.alphabet-option input:hover+.alphabet-option-content{color:#fff;background-color:#151d21;border-color:#7b888d;transform:translateY(-1px)}.alphabet-option input[value=autobot]+.alphabet-option-content img{filter:drop-shadow(0 0 5px rgba(229,45,57,.62))}.alphabet-option input[value=decepticon]+.alphabet-option-content img{filter:drop-shadow(0 0 5px rgba(143,83,196,.68))}.alphabet-option input[value=autobot]:checked+.alphabet-option-content{color:#fff;background:linear-gradient(90deg,rgba(229,45,57,.17),transparent 52%),#101519;border-color:#e54a55;box-shadow:inset 3px 0 #e52d39,inset 0 0 18px #e52d3914,0 0 16px #e52d3933}.alphabet-option input[value=decepticon]:checked+.alphabet-option-content{color:#fff;background:linear-gradient(90deg,rgba(143,83,196,.2),transparent 52%),#101419;border-color:#9f6dca;box-shadow:inset 3px 0 #8f53c4,inset 0 0 18px #8f53c41a,0 0 17px #8f53c43d}.alphabet-option input:checked+.alphabet-option-content img{transform:scale(1.08)}.source-pane,.target-pane{min-height:clamp(400px,50vh,500px)}.source-pane{background:linear-gradient(rgba(40,48,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(40,48,51,.035) 1px,transparent 1px),#e8ebea;background-size:28px 28px}.source-pane:before{position:absolute;z-index:0;inset:0;background:var(--faction-logo) center / min(42%,220px) auto no-repeat;opacity:.075;pointer-events:none;content:""}.target-pane{background:var(--target);border-left-color:#7b8589}.target-pane:before{display:none}#source-input{position:relative;z-index:1;min-height:clamp(400px,50vh,500px);padding:35px 36px 66px;color:#15191b;font-family:Cascadia Mono,Microsoft YaHei UI,monospace;font-size:19px;line-height:1.75;caret-color:var(--signal)}#source-input::placeholder{color:#7e898d;font-family:Bahnschrift Condensed,Microsoft YaHei UI,sans-serif;font-style:normal;letter-spacing:.08em}#character-count{right:30px;bottom:21px;color:#5f696d;border-top-color:#9ca6a8;font-family:Bahnschrift Condensed,sans-serif;letter-spacing:.06em}.output-stage{min-height:clamp(400px,50vh,500px);padding:35px 36px;background:linear-gradient(135deg,rgba(72,226,219,.025),transparent 42%),var(--target)}.empty-output{color:#778287;border-bottom-color:#c2c8c7;font-family:Bahnschrift Condensed,Microsoft YaHei UI,sans-serif;font-style:normal;letter-spacing:.08em}.token-flow{color:#050606}.english-output{color:#171b1d;font-family:Cascadia Mono,Microsoft YaHei UI,monospace;font-size:19px;line-height:1.75}.recognition-panel{position:relative;z-index:1;min-height:clamp(400px,50vh,500px);padding:35px 36px;background:linear-gradient(rgba(40,48,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(40,48,51,.035) 1px,transparent 1px),#e8ebea;background-size:28px 28px}.recognition-dropzone{min-height:185px;color:#15191b;background:#fcfdfbd1;border-color:#7a8588;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.recognition-dropzone:hover,.recognition-dropzone:focus-within{background:#fff;border-color:var(--signal);box-shadow:inset 0 0 0 1px var(--signal),0 8px 24px #1e25281a}.recognition-icon{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:var(--signal);font-size:26px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.recognition-dropzone>span:last-child,.recognition-status{color:#687378}.recognition-preview{background:#fff;border-color:#9ba4a6}.action-bar{min-height:72px;padding:12px 17px;gap:16px;background:linear-gradient(90deg,rgba(213,47,59,.07),transparent 18%,transparent 82%,rgba(72,226,219,.055)),#11171b;border-top-color:#717d81}.action-group{gap:8px}.button{min-height:42px;padding:8px 15px;color:#dbe3e4;background:#20282d;border-color:#69757a;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);font-family:Bahnschrift Condensed,Microsoft YaHei UI,sans-serif;font-size:12px;letter-spacing:.035em;transition:color .14s ease,background-color .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.button:hover{transform:translateY(-1px)}.button-quiet:hover{color:#fff;background:#343e43;border-color:#a4afb2}.button-quiet:active{color:#fff;background:#111619;transform:translateY(0)}.button-primary{min-width:118px;color:#fff;background-color:var(--signal);background-image:linear-gradient(145deg,var(--signal-bright),var(--signal-dark));border-color:var(--signal-bright);box-shadow:inset 0 1px #fff3,0 0 18px #d52f3b2e}.button-primary:hover{background-color:#c72734;background-image:linear-gradient(145deg,#fa4c57,#a91d29);border-color:#ff6570;box-shadow:0 0 24px #f3475266}.size-control{min-height:42px;color:#8d999e;border-color:#384349;font-family:Bahnschrift Condensed,sans-serif;letter-spacing:.03em}.size-control label,#target-size-value{color:#d3dcde}#target-size::-webkit-slider-runnable-track{height:3px;background:#566267}#target-size::-webkit-slider-thumb{width:10px;height:20px;margin-top:-8px;background:#dbe5e5;border:1px solid #fff;box-shadow:0 0 9px #48e2db6b}#target-size:hover::-webkit-slider-thumb{background:var(--energon)}dialog{color:#e8eeee;background:#0f1417;border-color:#758287;box-shadow:0 28px 80px #000000ad,0 0 0 5px #040608b8;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}dialog::backdrop{background:#010305c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-heading{background:linear-gradient(90deg,rgba(213,47,59,.12),transparent 30%),#151b1f;border-bottom-color:#69757a}.dialog-heading h2{color:#edf3f3;font-family:Agency FB,Bahnschrift Condensed,Microsoft YaHei UI,sans-serif;font-size:25px}.icon-button{color:#dce5e6;background:#252d31;border-color:#6b777c;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.reference-grid{gap:1px;background:#3e494e}.reference-item{position:relative;min-height:132px;color:#171b1d;background:linear-gradient(135deg,rgba(213,47,59,.055),transparent 42%),#f3f5f3}.reference-item:after{position:absolute;right:0;bottom:0;width:12px;height:2px;background:var(--signal);content:""}.reference-item strong{color:#485257;font-family:Bahnschrift Condensed,sans-serif;font-size:12px}.reference-item img{filter:contrast(1.08)}.toast{color:#eff5f5;background:#0c1114f5;border:1px solid #59666b;border-left:4px solid var(--signal);box-shadow:0 18px 45px #00000073,0 0 16px #d52f3b29;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}@keyframes interface-arrival{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-arrival{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1.02)}}@media(max-width:920px){.app-shell{width:min(100% - 32px,820px)}.language-name{padding-inline:14px}#glyph-count{display:none}.action-bar{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr) minmax(0,1fr)}.alphabet-selector{min-width:210px}}@media(min-width:761px)and (max-width:1100px){.app-shell{width:calc(100% - 28px)}.language-name>strong{display:none}.alphabet-selector{min-width:218px}.action-bar{grid-template-columns:minmax(190px,1fr) minmax(230px,.9fr) minmax(210px,1fr)}.button{padding-inline:11px}}@media(max-width:760px){body:before{background-size:42px 42px}.cosmic-backdrop{background-position:63% center;filter:saturate(.68) contrast(1.12) brightness(.72)}.app-shell{width:min(100% - 18px,560px);padding:10px 0 12px}.product-header{min-height:70px;margin-bottom:9px;padding:5px 3px 9px 0}.brand-lockup{gap:10px}.brand-mark{width:44px;height:50px}.brand-lockup h1{font-size:23px}.brand-lockup h1 span{margin-left:6px;font-size:.62em}.translator-workspace{clip-path:polygon(10px 0,calc(100% - 34px) 0,calc(100% - 24px) 10px,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,34px 100%,24px calc(100% - 10px),0 calc(100% - 10px),0 10px);box-shadow:0 18px 42px #0000006b,0 0 0 3px #06080ab8}.translator-workspace:before{top:9px;width:54px}.translator-workspace:after{bottom:9px;width:70px}.language-bar{min-height:54px}.language-name{gap:7px;padding:0 10px}.language-code{min-width:28px;padding-inline:4px;font-size:8px}.language-direction{width:32px;height:26px}.language-direction>span{font-size:15px}.target-language{padding-left:18px}.alphabet-selector{width:100%;min-width:0;height:32px}.alphabet-option>.alphabet-option-content{height:32px;padding-inline:5px;gap:4px;font-size:10px}.alphabet-option-content img{width:21px;height:21px}.source-pane{min-height:178px}.target-pane{min-height:216px;border-top-color:#7b8589}#source-input{min-height:178px;padding:19px 18px 47px;font-size:16px;line-height:1.6}.output-stage{min-height:216px;padding:20px 18px}.english-output{font-size:16px;line-height:1.6}.recognition-panel{min-height:216px;padding:19px 18px}.recognition-dropzone{min-height:142px;padding:18px}.action-bar{min-height:112px;padding:9px 9px 13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.source-actions,.target-actions{gap:6px}.size-control{min-height:38px}.button,.button-primary{min-width:0;min-height:38px;padding-inline:7px}dialog{box-shadow:0 18px 50px #000000ad,0 0 0 3px #040608b8}.reference-item{min-height:108px}}@media(max-width:340px){.button{padding-inline:3px;gap:3px;font-size:10px}.button>span{min-width:11px;font-size:14px}#primary-action-label{min-width:0;font-size:inherit}}@media(prefers-reduced-motion:reduce){.cosmic-backdrop,.product-header,.translator-workspace{animation:none}}@media(min-width:761px)and (max-height:820px){.app-shell{padding-top:14px;padding-bottom:12px}.product-header{min-height:64px;margin-bottom:10px;padding-block:5px 9px}.brand-mark{width:48px;height:52px}.brand-lockup h1{font-size:27px;line-height:1.15}.language-bar{min-height:56px}.source-pane,.target-pane,#source-input,.output-stage,.recognition-panel{min-height:390px}#source-input,.output-stage{padding-top:28px;padding-bottom:54px}.recognition-panel{padding-block:24px}.action-bar{min-height:64px;padding-block:10px}}@media(min-width:761px)and (max-height:740px){.app-shell{padding-top:10px}.product-header{min-height:56px;margin-bottom:8px}.brand-mark{width:44px;height:46px}.language-bar{min-height:54px}.source-pane,.target-pane,#source-input,.output-stage,.recognition-panel{min-height:320px}.action-bar{min-height:60px;padding-block:8px}}html[data-alphabet=autobot] .brand-mark{border-color:#e2404c9e}html[data-alphabet=decepticon] .brand-mark{border-color:#a778d0ad}html[data-alphabet=autobot]{--faction-accent: #e52d39;--faction-glow: rgba(229, 45, 57, .45);--signal: #d52f3b;--signal-bright: #f34752;--signal-dark: #8d1722}html[data-alphabet=decepticon]{--faction-accent: #8f53c4;--faction-glow: rgba(143, 83, 196, .48);--signal: #8f53c4;--signal-bright: #b77ae8;--signal-dark: #5f2c8d}.brand-composite{position:absolute;z-index:1;inset:5px;display:block;overflow:hidden}.brand-composite:before,.brand-composite:after{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:contain;content:""}.brand-composite:before{background-image:url(./decepticon-logo-Dr1Qu9LW.png);clip-path:inset(0 50% 0 0);filter:drop-shadow(0 0 8px rgba(143,83,196,.62))}.brand-composite:after{background-image:url(./autobot-logo-80C_8IEv.png);clip-path:inset(0 0 0 50%);filter:drop-shadow(0 0 8px rgba(229,45,57,.58))}.brand-seam{position:absolute;z-index:2;top:7%;bottom:7%;left:50%;width:1px;background:#e5eeefd1;box-shadow:-2px 0 7px #8f53c4b8,2px 0 7px #e52d39ad;transform:translate(-.5px)}:root{--desktop-pane-height: clamp(430px, calc(100dvh - 250px) , 600px);--faction-surface: rgba(229, 45, 57, .15)}html[data-alphabet=decepticon]{--faction-surface: rgba(143, 83, 196, .17)}@media(min-width:761px){.source-pane,.target-pane,#source-input,.output-stage,.recognition-panel{min-height:var(--desktop-pane-height)}}.source-pane:before{background-position:78% 52%;background-size:auto min(48%,210px);opacity:.085}.button{position:relative;overflow:hidden;clip-path:none}.button:before,.button:after{position:absolute;width:8px;height:8px;pointer-events:none;content:""}.button:before{top:3px;left:3px;border-top:1px solid rgba(218,231,233,.55);border-left:1px solid rgba(218,231,233,.55)}.button:after{right:3px;bottom:3px;border-right:1px solid rgba(218,231,233,.28);border-bottom:1px solid rgba(218,231,233,.28)}.button-primary:before{border-color:#ffffffbf}dialog{border-color:var(--faction-accent);box-shadow:0 28px 80px #000000b3,0 0 0 5px #040608bd,0 0 28px var(--faction-glow)}.dialog-heading{min-height:72px;padding-left:76px;background:linear-gradient(90deg,var(--faction-surface),transparent 42%),#151b1f;border-bottom-color:var(--faction-accent)}.dialog-heading:before{position:absolute;left:22px;top:50%;width:38px;height:42px;background:var(--faction-logo) center / contain no-repeat;filter:drop-shadow(0 0 8px var(--faction-glow));transform:translateY(-50%);content:""}.dialog-heading:after{position:absolute;left:76px;bottom:-1px;width:min(34%,280px);height:2px;background:linear-gradient(90deg,var(--faction-accent),transparent);box-shadow:0 0 10px var(--faction-glow);content:""}.dialog-heading h2{text-shadow:0 0 16px var(--faction-glow)}.icon-button{border-color:var(--faction-accent);box-shadow:inset 0 0 12px var(--faction-surface)}.icon-button:hover{background:var(--faction-accent);border-color:var(--faction-accent);box-shadow:0 0 18px var(--faction-glow)}.reference-grid{background:color-mix(in srgb,var(--faction-accent) 28%,#3e494e)}.reference-item{background:linear-gradient(145deg,var(--faction-surface),transparent 34%),#f3f5f3}.reference-item:after{width:18px;background:var(--faction-accent);box-shadow:0 0 7px var(--faction-glow)}@media(max-width:760px){:root{--mobile-surface-height: clamp(160px, calc((100dvh - 270px)/2) , 216px)}.app-shell{min-height:0}.source-pane,.target-pane,#source-input,.output-stage,.recognition-panel{min-height:var(--mobile-surface-height)}.source-pane:before{background-position:82% 54%;background-size:auto min(54%,150px);opacity:.09}.armor-detail-top{left:16px;right:48px}.armor-detail-bottom{right:16px;left:48px}.dialog-heading{min-height:62px;padding-left:60px}.dialog-heading:before{left:16px;width:31px;height:35px}.dialog-heading:after{left:60px}.reference-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.reference-item{min-height:88px;padding:7px 5px 8px}.reference-item img{height:42px}}@media(max-width:380px),(max-height:700px){:root{--mobile-surface-height: 190px}}.source-pane:before{background-position:50% 50%}.brand-mark:after{right:0;bottom:0;width:22px;height:3px;background:var(--faction-accent);box-shadow:0 0 10px var(--faction-glow);transform:none}.button:before,.button:after{display:none}.button-quiet{border-left:3px solid #7a898f;box-shadow:inset 10px 0 14px #7d8f9512}.button-primary{border-left-width:3px}@media(max-width:760px){.source-pane:before{background-position:50% 50%}}.language-bar{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)}.source-language{grid-column:1;grid-row:1}.target-language{grid-column:3;grid-row:1;border-left:0}.language-direction{position:relative;left:auto;top:auto;grid-column:2;grid-row:1;place-self:center;width:50px;height:40px;color:#fff;background:linear-gradient(145deg,var(--signal-bright),var(--signal-dark));border:2px solid var(--signal-bright);box-shadow:inset 0 1px #ffffff3d,0 0 20px var(--faction-glow);transform:none}.language-direction:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--signal-bright) 86%,white),var(--signal-dark));box-shadow:inset 0 1px #ffffff47,0 0 27px var(--faction-glow)}.direction-icon{width:22px;height:22px;display:block;stroke-width:2}.alphabet-selector{min-width:0;max-width:232px;flex:1 1 174px}.button{min-height:44px;background-image:linear-gradient(180deg,#ffffff0e,#fff0);border-color:#748187;box-shadow:inset 0 1px #ffffff14,0 4px 12px #0000002e}.button-icon-wrap{width:20px;height:20px;min-width:20px!important;display:grid;place-items:center;flex:0 0 20px;font-size:inherit!important}.button-icon{width:20px;height:20px;display:block}.button-label{min-width:0!important;font-size:inherit!important;font-weight:inherit!important}#sample-button[data-action=sample] .button-icon-wrap{color:#f2cf68}#sample-button[data-action=upload] .button-icon-wrap,#reference-button .button-icon-wrap{color:var(--energon)}#clear-button .button-icon-wrap{color:#ff737d}#export-button[data-action=copy] .button-icon-wrap{color:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.45))}.button-quiet:hover{background-color:#2c373c;border-color:#a9b8bc;box-shadow:inset 3px 0 0 var(--energon),0 7px 18px #00000047}#clear-button:hover{border-color:#ef5964;box-shadow:inset 3px 0 0 var(--signal-bright),0 7px 18px #00000047}.button-primary{background-image:linear-gradient(145deg,var(--signal-bright),var(--signal-dark));box-shadow:inset 0 1px #ffffff38,0 5px 17px var(--faction-glow)}@media(max-width:760px){html,body{overflow-x:clip}.cosmic-backdrop{transform:none}.language-bar{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}.language-direction{width:38px;height:32px}.direction-icon{width:18px;height:18px}.alphabet-selector{max-width:none;flex-basis:auto}.button,.button-primary{min-height:40px;padding-inline:4px;gap:4px}.source-actions{grid-column:1;grid-row:2}.target-actions{grid-column:2;grid-row:2}}@media(max-width:480px){.alphabet-option-content>span{display:none}.alphabet-option>.alphabet-option-content{padding-inline:4px}.button,.button-primary{padding-inline:3px;gap:3px;font-size:clamp(10px,3vw,12px)}.button-icon-wrap,.button-icon{width:17px;height:17px}.button-icon-wrap{min-width:17px!important;flex-basis:17px}}@media(max-width:360px){.button-label{display:none}.button,.button-primary{padding-inline:6px;gap:0}}.english-output{font-size:var(--literal-size);line-height:var(--line-size)}