.speech-intro{box-sizing:border-box;color:#182d4d;background:#fff;border:1px solid #e2eaff;border-radius:28px;width:min(400px,100vw - 28px);max-height:calc(100dvh - 28px);margin:auto;padding:27px 22px 16px;font-family:inherit;overflow:auto;box-shadow:0 28px 100px #081c4b50}.speech-intro::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#15284491}.speech-intro button{cursor:pointer;font-family:inherit}.speech-intro button:focus-visible{outline-offset:3px;outline:3px solid #88afff}.speech-intro-close{color:#667795;background:#f1f5fc;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.speech-intro-heading{text-align:center}.speech-intro-launch{color:#fff;letter-spacing:.5px;background:linear-gradient(120deg,#185ccd,#327eec);border:1px solid #a5c7ff;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:750;animation:.55s ease-out both speech-intro-arrive;display:inline-flex;box-shadow:0 5px 18px #3475e936}.speech-intro-launch b{color:#644306;letter-spacing:.7px;background:#fff1b8;border-radius:5px;padding:4px 6px;font-size:12px;font-weight:850}.speech-intro-launch i{color:#ffebaa;font-size:23px;font-style:normal}.speech-intro-kicker{color:#607ca3;letter-spacing:3px;margin:18px 0 6px;font-size:12px;font-weight:650}.speech-intro h2{letter-spacing:-.8px;margin:0 0 12px;font-size:29px;font-weight:750;line-height:1.4}.speech-intro h2 span{color:#2969d3}#speech-intro-description{color:#667b98;margin:0 0 20px;font-size:12px;line-height:1.85}.speech-intro-demo{background:#f3f7ff;border:1px solid #dce7fa;border-radius:19px;overflow:hidden}.speech-intro-stage{isolation:isolate;background:radial-gradient(at 45% 10%,#edf5ff 0,#d7e8ff 70%,#dce4ff 100%);height:206px;position:relative;overflow:hidden}.speech-intro-demo-label{color:#57749b;letter-spacing:1px;z-index:1;font-size:9px;position:absolute;top:11px;left:13px}.speech-intro-speaking{flex-direction:column;justify-content:center;align-items:center;padding-top:12px;animation:3s linear both speech-intro-speaking;display:flex;position:absolute;inset:0}.speech-intro-mic{color:#fff;background:linear-gradient(135deg,#79b6ff,#3475dc 70%);border:1px solid #ffffffb0;border-radius:21px;place-items:center;width:63px;height:63px;display:grid;transform:rotate(-7deg);box-shadow:inset 1px 2px 2px #ffffff90,inset -2px -3px 7px #204fbe70,0 11px 24px #285ac134}.speech-intro-mic svg{transform:rotate(7deg)}.speech-intro-wave{align-items:center;gap:4px;height:49px;margin-top:9px;display:flex}.speech-intro-wave i{width:3px;height:var(--bar-height);animation:.35s ease-in-out 3 alternate speech-intro-wave;animation-delay:var(--bar-delay);background:#518ce5;border-radius:3px}.speech-intro-speaking p{color:#3d608e;margin:6px 0 0;font-size:13px}.speech-intro-cleaning{color:#2a62b7;opacity:0;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;animation:3s linear both speech-intro-cleaning;display:flex;position:absolute;inset:0}.speech-intro-cleaning>span{color:#3d7ee1;font-size:25px}.speech-intro-result{opacity:0;background:#fffffff0;border:1px solid #ffffffeb;border-radius:14px;padding:14px 14px 10px;animation:3s cubic-bezier(.2,.6,.3,1) both speech-intro-result;position:absolute;inset:47px 16px 25px;box-shadow:0 10px 30px #42649b22,inset 0 1px #fff}.speech-intro-result>div{color:#637c9f;justify-content:space-between;align-items:center;font-size:10px;display:flex}.speech-intro-result>div>span{color:#337ba0;align-items:center;gap:4px;display:flex}.speech-intro-result small{color:#577dad;background:#edf3ff;border-radius:4px;padding:3px 5px;font-size:9px}.speech-intro-result p{letter-spacing:.4px;color:#223e67;text-align:left;align-items:center;gap:3px;margin:16px 0 20px;font-size:21px;line-height:1.3;display:flex}.speech-intro-result p i{background:#4882dc;border-radius:2px;width:2px;height:20px}.speech-intro-result footer{color:#7487a1;white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;font-size:9px;display:flex}.speech-intro-result footer>span:last-child{color:#4072b8;align-items:center;gap:3px;display:flex}.speech-intro-steps{color:#6a7c97;justify-content:space-between;gap:6px;padding:12px 13px;font-size:10px;display:flex}.speech-intro-steps span:last-child{animation:3s linear both speech-intro-step}.speech-intro-progress{background:#e3edfc;height:3px}.speech-intro-progress i{transform-origin:0;background:#397ee3;width:100%;height:100%;animation:3s linear both speech-intro-progress;display:block;transform:scaleX(0)}.speech-intro-replay{color:#7788a0;justify-content:space-between;align-items:center;gap:6px;margin:8px 1px 14px;font-size:9px;display:flex}.speech-intro-replay button{color:#5478aa;background:0 0;border:0;align-items:center;gap:4px;min-height:32px;padding:4px 0 4px 4px;font-size:11px;display:flex}.speech-intro-start{color:#fff;background:#2b6fdb;border:1px solid #2465cf;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:49px;font-size:14px;font-weight:650;display:flex;box-shadow:0 5px 16px #3475e92e}.speech-intro-start:disabled{opacity:.5;cursor:default}.speech-intro-start>svg:last-child{margin-left:8px}.speech-intro-later{color:#6a7d99;background:0 0;border:0;width:100%;min-height:42px;margin-top:4px;font-size:12px}.speech-intro-note{text-align:center;color:#8797ad;margin:0;font-size:10px;line-height:1.6}.input-tools .speech-new-badge{color:#84510c;cursor:pointer;background:#fff1d5;border:1px solid #e8b55f;border-radius:8px;align-items:center;gap:5px;min-height:32px;padding:5px 7px;font-size:10px;line-height:16px;display:inline-flex;box-shadow:0 2px 7px #d2791914}.speech-new-badge b{letter-spacing:.4px;font-size:10px}.speech-new-badge:disabled{opacity:.5;cursor:default}[data-theme=dark] .speech-new-badge{color:#ffe1a0;background:#483719;border-color:#94723c}@keyframes speech-intro-arrive{0%{opacity:0;transform:translateY(5px)scale(.95)}to{opacity:1;transform:none}}@keyframes speech-intro-wave{to{transform:scaleY(.3)}}@keyframes speech-intro-speaking{0%,29%{opacity:1;transform:none}38%,to{opacity:0;transform:translateY(-9px)}}@keyframes speech-intro-cleaning{0%,32%{opacity:0;transform:translateY(6px)}40%,55%{opacity:1;transform:none}63%,to{opacity:0;transform:translateY(-6px)}}@keyframes speech-intro-result{0%,57%{opacity:0;transform:translateY(17px)scale(.97)}77%,to{opacity:1;transform:none}}@keyframes speech-intro-progress{to{transform:scaleX(1)}}@keyframes speech-intro-step{0%,60%{color:#6a7c97}78%,to{color:#2969d3}}@media (width<=360px){.speech-intro{padding:25px 17px 13px}.speech-intro h2{font-size:27px}.speech-intro-result{padding-left:11px;padding-right:11px;left:12px;right:12px}.speech-intro-replay{font-size:8px}}@media (height<=720px){.speech-intro{padding-top:23px;padding-bottom:12px}.speech-intro-kicker{margin-top:13px}.speech-intro h2{margin-bottom:8px;font-size:26px}#speech-intro-description{margin-bottom:14px}.speech-intro-stage{height:181px}.speech-intro-result{top:34px;bottom:17px}.speech-intro-replay{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){.speech-intro *{animation:none!important}.speech-intro-speaking,.speech-intro-cleaning{display:none}.speech-intro-result{opacity:1;transform:none}.speech-intro-progress i{transform:scaleX(1)}.speech-intro-steps span:last-child{color:#2969d3}}.input-tools .speech-trigger{color:#315ac7;font:inherit;cursor:pointer;background:#f0f5ff;border:1px solid #c7d5f8;border-radius:12px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:650;display:inline-flex}.speech-trigger small{background:#dfe9ff;border-radius:4px;padding:2px 4px;font-size:9px}.speech-trigger:disabled{opacity:.45}.input-tools:has(.speech-trigger){justify-content:space-between;align-items:center}.speech-dialog{box-sizing:border-box;color:#1d2a48;text-align:center;background:linear-gradient(160deg,#f9fcff,#f0f5ff 55%,#fff);border:1px solid #dce6fc;border-radius:28px;width:min(420px,100% - 24px);max-height:calc(100dvh - 24px);padding:20px 24px 15px;overflow:auto;box-shadow:0 28px 80px #142d6252}.speech-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18284770}.speech-heading{justify-content:space-between;align-items:center;display:flex}.speech-heading button{color:#65738f;cursor:pointer;background:#e8eef9;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.speech-eyebrow{letter-spacing:1.4px;color:#57739b;font-size:10px;font-weight:700}.speech-language{color:#4e6287;margin:15px 0 2px;font-size:12px;font-weight:600}.speech-language span{color:#8a96af;margin-left:10px;font-size:11px;font-weight:400}.speech-visual{place-items:center;width:150px;height:150px;margin:12px auto 0;display:grid;position:relative}.speech-orbit{border:1px solid #d6e3ff;border-radius:50%;position:absolute;inset:10px;box-shadow:0 0 0 12px #e5edfc65,0 0 0 23px #e5edfc38}.speech-mic{color:#fff;background:linear-gradient(145deg,#77a9ff,#3769d7 65%,#2458b6);border:1px solid #ffffffc0;border-radius:30px;place-items:center;width:92px;height:92px;display:grid;position:relative;transform:rotate(-6deg);box-shadow:inset 1px 2px 2px #ffffff6b,inset -3px -4px 9px #214ca66b,0 15px 24px #3f70ce38}.speech-mic svg{transform:rotate(6deg)}.speech-visual.recording .speech-orbit,.speech-visual.transcribing .speech-orbit{animation:2.2s ease-in-out infinite speech-breathe}.speech-dialog h2{letter-spacing:-.4px;margin:8px 0;font-size:24px}.speech-subtitle{color:#75829a;margin:0;font-size:12px;line-height:1.8}.speech-wave{justify-content:center;align-items:center;gap:5px;height:58px;margin:10px 0 0;display:flex}.speech-wave i{background:linear-gradient(#74a0ec,#3f6eca);border-radius:4px;width:4px;min-height:6px;transition:height .1s;display:block}.speech-time{font-variant-numeric:tabular-nums;letter-spacing:1px;margin:0 0 18px;font-size:22px;font-weight:650}.speech-time span{color:#9ba7bb;font-size:12px;font-weight:400}.speech-dialog .speech-primary{color:#fff;width:100%;min-height:49px;font:inherit;cursor:pointer;background:#3269d6;border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:650;display:flex;box-shadow:0 5px 14px #3269d62e}.speech-dialog .speech-cancel{color:#7a879f;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:7px;font-size:13px}.speech-footnote{color:#97a1b3;margin:4px 0 0;font-size:10px;line-height:1.7}.speech-error{color:#90611d;text-align:left;background:#fff1de;border-radius:10px;margin:4px 0 14px;padding:10px 12px;font-size:12px;line-height:1.7}.speech-provider{color:#577299;justify-content:center;align-items:center;gap:7px;margin:0 0 16px;font-size:12px;display:flex}.speech-provider img{width:17px;height:17px}.speech-dots{letter-spacing:3px;animation:1.4s ease-in-out infinite speech-breathe}.speech-dialog textarea{box-sizing:border-box;color:#24354c;width:100%;min-height:100px;max-height:160px;font:inherit;background:#fff;border:1px solid #c9d8ed;border-radius:10px;margin-bottom:12px;padding:10px;font-size:14px}.voice-preview-banner{text-align:center;color:#3f618e;background:#e9f0fd;padding:9px 14px;font-size:11px;line-height:1.6}.voice-preview-banner strong{color:#2757b4;margin-right:8px}.voice-qa-controls{background:#fff0d6;flex-wrap:wrap;gap:10px;padding:10px;font-size:12px;display:flex}.voice-qa-controls select{max-width:180px}@keyframes speech-breathe{50%{opacity:.48;transform:scale(1.055)}}@media (width<=520px){.speech-dialog{max-height:calc(100dvh - 24px);margin:auto auto 12px;padding:18px 22px 13px}.speech-dialog[open]{animation:.2s ease-out speech-enter}.speech-dialog .speech-visual{margin-top:6px}}@keyframes speech-enter{0%{opacity:0;transform:translateY(20px)}}[data-theme=dark] .input-tools .speech-trigger{color:#bad0ff;background:#203458;border-color:#38527b}@media (prefers-reduced-motion:reduce){.speech-dialog[open],.speech-visual.recording .speech-orbit,.speech-visual.transcribing .speech-orbit,.speech-dots{animation:none}.speech-wave i{transition:none}}.input-tools>.speech-tools{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.input-tools .speech-restore{color:var(--primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:12px;text-decoration:underline}.speech-restore:disabled{opacity:.5;cursor:default}.speech-cleanup-note{color:var(--muted);flex-basis:100%;font-size:10px;line-height:1.5}.input-tools:has(.speech-tools){align-items:flex-start}.input-tools:has(.speech-tools) .char-count{padding-top:10px}:root{color:#202e46;font-synthesis:none;--bg:#f6f8fc;--surface:#fff;--subtle:#f8faff;--text:#202e46;--muted:#69788e;--line:#e1e7f1;--primary:#2f6fed;--soft:#eaf1ff;--danger:#aa3547;--shadow:0 14px 42px #2437570b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f8fc;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans Lao,Lao Sangam MN,Phetsarath OT,sans-serif}:root[data-theme=dark]{--bg:#101827;--surface:#182335;--subtle:#1c293d;--text:#e5edf9;--muted:#a6b5ca;--line:#31425a;--primary:#86adff;--soft:#243b61;--danger:#ffa7b5;--shadow:0 14px 42px #0002;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 10% 0%, #2f6fed08, transparent 45%), var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:var(--text)}button:disabled{opacity:.5;cursor:default}button,select{touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:3px}button{border:1px solid var(--line);background:var(--surface);border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}h1,h2,p{margin:0}svg{flex-shrink:0}input,textarea,select{color:var(--text)}[lang=lo]{overflow-wrap:anywhere;font-family:Noto Sans Lao,Lao Sangam MN,Phetsarath OT,sans-serif;line-height:1.85}p{overflow-wrap:anywhere}small{color:var(--muted)}.app-shell{max-width:1240px;padding:30px 28px max(36px, env(safe-area-inset-bottom));min-height:100dvh;margin:auto}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:38px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2f6fed,#598cff);border-radius:13px;flex-shrink:0;width:42px;height:42px;position:relative;box-shadow:0 5px 14px #2f6fed25}.brand-mark span{font-size:19px;font-weight:700;position:absolute;top:4px;left:6px}.brand-mark b{font-size:22px;font-weight:600;position:absolute;bottom:1px;right:5px}.brand h1{letter-spacing:-.03em;font-size:21px;font-weight:750}.brand p{color:var(--muted);margin-top:4px;font-size:12px}.top-actions{gap:8px;display:flex}.top-actions button{height:42px}.account-button{width:42px;padding:0;position:relative}.account-button i{background:#179b7c;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.translator-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:25px;overflow:hidden}.language-bar{background:var(--subtle);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 25px;display:flex}.language-switch{grid-template-columns:minmax(64px,auto) auto minmax(64px,auto);align-items:center;gap:10px;font-size:17px;font-weight:650;display:grid}.language-switch>span:first-child{text-align:right}.swap-button{width:40px;height:40px;color:var(--primary);border-radius:13px;padding:0}.tone-switch,.segmented{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.tone-switch button,.segmented button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:6px 14px;font-size:13px}.tone-switch button[aria-checked=true],.segmented button[aria-checked=true]{background:var(--soft);color:var(--primary)}.workspace{grid-template:"input output"1fr"controls output"/1fr 1fr;min-height:400px;display:grid}.input-panel{flex-direction:column;grid-area:input;min-width:0;padding:22px 26px 24px;display:flex}.output-column{border-left:1px solid var(--line);grid-area:output;min-width:0}.input-field{flex:1;display:flex;position:relative}.result-panel{min-width:0;padding:22px 26px 26px}.pane-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.input-panel textarea{resize:none;background:0 0;border:0;outline:0;flex:1;width:100%;min-height:235px;max-height:520px;padding:2px 40px 14px 0;font-size:21px;line-height:1.8;overflow-y:auto}.clear-input{width:36px;height:36px;min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;padding:0;position:absolute;top:0;right:-6px}.input-panel textarea:focus-visible{box-shadow:inset 0 -2px var(--soft);outline:0}textarea::placeholder{color:#8c9ab0}.input-tools{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.input-actions{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.input-actions>.speech-tools{display:contents}.input-actions .speech-cleanup-note{flex-basis:100%;order:9}.input-tools .tool-button{min-height:36px;color:var(--muted);border-radius:12px;padding:7px 11px;font-size:12px}.input-tools button{color:var(--muted);font-size:12px}.char-count{color:var(--muted);white-space:nowrap;font-size:11px}.translation-controls{grid-area:controls;justify-content:flex-end;align-items:center;gap:12px;padding:0 26px 22px;display:flex}select{border:1px solid var(--line);background:var(--surface);border-radius:10px;max-width:100%;padding:10px 28px 10px 10px;font-size:13px}.translate-button{background:#2f6fed;border-color:#2f6fed;border-radius:13px;min-width:156px;height:46px;font-size:15px;box-shadow:0 6px 16px #2f6fed25;color:#fff!important}.translate-button:hover:not(:disabled){background:#245cd0;border-color:#245cd0}.translated-text{white-space:pre-wrap;overflow-wrap:anywhere;min-height:62px;margin:0 0 18px;font-size:24px;line-height:1.8}.result-actions{gap:6px;display:flex}.result-actions button{min-height:34px;color:var(--muted);padding:6px 10px;font-size:12px}.reading-card{background:var(--soft);border:1px solid color-mix(in srgb, var(--primary) 15%, var(--line));border-radius:15px;margin:12px 0 20px;padding:14px 16px}.reading-card h2{color:var(--primary);margin-bottom:7px;font-size:12px}.reading-card p{white-space:pre-wrap;font-size:17px;font-weight:600;line-height:1.6}.reading-card small{margin-top:7px;font-size:11px;display:block}.reading-card.muted{background:var(--subtle)}.reading-card.muted p{color:var(--muted);font-size:13px;font-weight:400}.vocabulary{border-top:1px solid var(--line);padding-top:16px}.vocabulary h2{margin-bottom:10px;font-size:13px}.vocabulary table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.vocabulary th{color:var(--muted);padding:7px 8px 9px 0;font-size:10px;font-weight:500}.vocabulary td{border-top:1px dashed var(--line);overflow-wrap:anywhere;vertical-align:top;padding:10px 10px 10px 0;font-size:12px;line-height:1.7}.vocabulary td[lang=lo]{font-size:15px;line-height:1.9}.result-empty,.loading-box{min-height:270px;color:var(--muted);flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;display:flex}.result-empty>svg{box-sizing:content-box;background:var(--subtle);color:#91a2bf;border-radius:13px;padding:9px}.result-empty strong{font-size:15px;font-weight:600}.result-empty span,.loading-box span{font-size:12px;line-height:1.7}.loading-box{text-align:center;align-items:center}.loading-box strong{font-size:14px}.loader{border:3px solid var(--soft);border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box,.context-box{background:var(--subtle);border:1px solid var(--line);border-radius:14px;padding:20px;font-size:14px;line-height:1.8}.error-box{color:var(--danger)}.error-box p,.context-box p{margin:10px 0 15px;font-size:13px}.preview-unavailable{text-align:center;color:var(--muted);padding:30px;font-size:13px;line-height:1.8}.sync-alert{border:1px solid var(--line);background:var(--soft);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.toast{left:50%;bottom:max(25px, env(safe-area-inset-bottom));color:#fff;box-shadow:var(--shadow);z-index:20;background:#223653;border-radius:12px;max-width:calc(100% - 32px);padding:12px 20px;font-size:13px;position:fixed;transform:translate(-50%)}dialog{color:var(--text);background:var(--surface)}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17253d66}.drawer{border:0;border-left:1px solid var(--line);width:440px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:-12px 0 40px #15284312}.drawer-header{border-bottom:1px solid var(--line);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.drawer h2{font-size:19px}.icon-button{width:38px;height:38px;padding:0}.drawer-content{padding:24px}.record-note{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.7}.record-list{gap:12px;display:grid}.record-item{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:15px;align-items:stretch;min-width:0;display:flex}.record-main{text-align:left;background:0 0;border:0;border-radius:15px 0 0 15px;flex:1;min-width:0;padding:15px 8px 15px 17px;display:block}.record-item>span,.record-item time{color:var(--muted);font-size:11px;font-weight:400}.record-item strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 0;font-size:14px;line-height:1.8;display:-webkit-box;overflow:hidden}.record-item p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0;font-size:13px;font-weight:400;line-height:1.85;display:-webkit-box;overflow:hidden}.empty-records{color:var(--muted);padding:28px 0;font-size:14px;line-height:1.8}.empty-records p{margin-top:10px;font-size:12px}.account-note{background:var(--soft);border-radius:14px;margin-bottom:26px;padding:18px;font-size:14px}.account-note p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.9}.auth-panel{gap:16px;display:grid}.auth-intro,.account-card{align-items:flex-start;gap:12px;display:flex}.auth-intro strong,.account-card strong{overflow-wrap:anywhere;font-size:15px}.auth-intro p,.account-card small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.8;display:block}.auth-intro svg,.account-card svg{color:var(--primary)}.auth-form{gap:16px;display:grid}.auth-form label,.entity-item label{color:var(--muted);gap:8px;font-size:12px;display:grid}.auth-form input,.entity-item input,.entity-item select,.entity-item textarea{border:1px solid var(--line);background:var(--subtle);border-radius:10px;width:100%;min-width:0;padding:12px;font-size:14px}.auth-primary,.confirm-context{background:#2f6fed;border-color:#2f6fed;min-height:44px;color:#fff!important}.auth-link{background:0 0}.auth-message{background:var(--soft);border-radius:10px;padding:12px;font-size:12px;line-height:1.8}.auth-message.is-error{color:var(--danger)}.drawer-danger{color:var(--danger);width:100%;margin-top:16px}.account-sync{color:var(--muted);justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;display:flex}.support-copy{color:var(--muted);margin-top:24px;font-size:12px;line-height:1.9}.version{color:var(--muted);margin-top:15px;font-size:11px}.entity-modal{border:1px solid var(--line);border-radius:20px;width:520px;max-width:calc(100vw - 24px);max-height:90dvh;padding:0}.entity-modal-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:22px;display:flex}.entity-modal-header h2{font-size:18px}.entity-modal-header p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.8}.entity-modal-header button{flex-shrink:0;width:36px;margin-left:auto;padding:0}.entity-list{gap:15px;padding:20px;display:grid}.entity-item{border:1px solid var(--line);border-radius:12px;gap:12px;padding:15px;display:grid}.entity-item-title{align-items:center;gap:12px;display:flex}.entity-item-title span{background:var(--soft);color:var(--primary);border-radius:6px;padding:4px 6px;font-size:11px}.entity-item textarea{resize:vertical;min-height:65px}.entity-modal-actions{border-top:1px solid var(--line);background:var(--surface);justify-content:flex-end;gap:10px;padding:18px 20px;display:flex;position:sticky;bottom:0}@media (width>=1400px){.app-shell{padding-top:44px}.input-panel textarea{min-height:270px}}@media (width<=1023px){.app-shell{padding:24px 22px 35px}.input-panel,.result-panel{padding:20px}.topbar{margin-bottom:26px}.translation-controls{padding:0 20px 20px}}@media (width<=767px){.app-shell{padding:18px 14px max(24px, env(safe-area-inset-bottom))}.topbar{gap:8px;margin-bottom:25px}.brand{gap:9px}.brand h1{font-size:19px}.brand p{font-size:10px}.brand-mark{border-radius:11px;width:37px;height:37px}.brand-mark span{font-size:17px}.brand-mark b{font-size:19px}.top-actions{gap:5px}.top-actions button{background:0 0;border:0;width:35px;height:38px;min-height:38px;padding:0}.top-actions button span{display:none}.translator-card{border-radius:19px}.language-bar{gap:8px;padding:9px 12px 9px 14px}.language-switch{grid-template-columns:minmax(44px,auto) auto minmax(44px,auto);gap:6px;font-size:16px}.swap-button{width:36px;height:36px;min-height:36px}.tone-switch button{min-height:32px;padding:5px 12px}.workspace{grid-template:"input""controls""output"/1fr;min-height:0}.input-panel,.result-panel{padding:16px 18px 20px}.input-field{flex:none}.input-panel textarea{flex:none;min-height:120px;max-height:45dvh;font-size:19px}.input-tools{margin-top:10px}.input-tools button{min-height:36px;padding:7px 10px}.input-tools .paste-button{width:38px;padding:0}.input-tools .paste-button span{display:none}.pane-heading{margin-bottom:8px;font-size:11px}.output-column{border-left:0;border-top:1px solid var(--line)}.translation-controls{padding:0 16px 16px}.translate-button{width:100%;height:46px;padding:8px 12px;font-size:15px}.result-empty,.loading-box{min-height:150px}.result-empty{gap:9px}.translated-text{min-height:0;font-size:23px}.reading-card{padding:13px}.reading-card p{font-size:16px}.drawer{width:100vw}.drawer-header,.drawer-content{padding:20px}.sync-alert{font-size:12px}.translation-controls .translate-button{white-space:nowrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}.v12-viewer{width:100%;min-width:0}.v12-view-tabs{background:var(--surface);border-bottom:1px solid var(--line);gap:4px;padding:10px;display:flex}.v12-view-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;padding:10px 4px;font-size:13px}.v12-view-tabs button[aria-pressed=true]{color:var(--primary);background:var(--soft);font-weight:650}.v12-image-viewport{background:#e6ebf2;justify-content:center;align-items:center;height:460px;padding:12px;display:flex;overflow:hidden}.v12-image-surface{flex:none;line-height:0;position:relative}.v12-overlay-layer{pointer-events:none;position:absolute;inset:0}.v12-overlay-block{pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#172238;text-align:center;background:#fffffff0;border:0;border-radius:4px;min-width:0;min-height:0;margin:0;padding:0;display:block;position:absolute;overflow:hidden;box-shadow:0 1px 4px #0f172a25,inset 0 0 0 1px #ffffff9c}.v12-overlay-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;justify-content:center;align-items:center;width:100%;height:100%;padding:2px;font-weight:600;line-height:1.15;display:flex;overflow:hidden}.v12-overlay-block:hover{background:#fff;box-shadow:inset 0 0 0 1px #2f6fed}.v12-overlay-block:focus-visible{outline-offset:0;outline:2px solid #2f6fed}.v12-fallback{background:var(--soft);color:var(--muted);margin:0;padding:10px 12px;font-size:12px;line-height:1.6}.v12-view-hint{color:var(--muted);text-align:center;margin:0;padding:9px 12px;font-size:11px}.v12-block-detail{background:var(--surface);border-top:1px solid var(--line);padding:14px}.v12-block-detail>button{float:right;background:var(--soft);border:0;border-radius:6px;padding:4px 8px;font-size:12px}.v12-block-detail h3,.v12-comparison h3{color:var(--muted);margin:8px 0;font-size:12px}.v12-block-detail p,.v12-comparison p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;font-size:14px;line-height:1.7}.v12-comparison{border-top:1px solid var(--line);background:var(--surface);max-height:380px;padding:12px 16px;overflow:auto}.v12-comparison h3{justify-content:space-between;display:flex}.v12-comparison ol{margin:0;padding-left:22px}.v12-comparison li{border-bottom:1px solid var(--line);padding:8px 0}.v12-comparison li p:first-child{color:var(--muted);font-size:13px}.v12-debug-toggle{overflow-wrap:anywhere;border-top:1px solid var(--line);padding:10px;font-size:11px;display:block}.v12-debug-toggle small{font-size:10px;display:block}.v12-debug-box{outline-offset:-1px;pointer-events:none;outline:1px solid #ea253c;position:absolute}.v12-debug-box span{color:#fff;background:#ad1023;font:10px/1.2 monospace;position:absolute;bottom:100%;left:0}@media (width<=767px){.v12-image-viewport{height:380px}.v12-comparison{max-height:320px}}.v12-overlay-content{flex:none;width:100%;display:block}.photo-window{z-index:70;color:#243146;background:#f5f7fa;outline:none;padding-bottom:110px;font-family:PingFang SC,Noto Sans Lao,Microsoft YaHei,sans-serif;position:fixed;inset:0;overflow:auto}.photo-header{align-items:center;gap:14px;max-width:1440px;margin:auto;padding:22px 32px 18px;display:flex}.photo-back{color:#22364e;background:#fff;border:1px solid #dce3ec;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.photo-header h1{letter-spacing:-.5px;margin:0;font-size:23px;font-weight:650}.photo-header p{color:#7b8798;margin:4px 0 0;font-size:12px}.photo-badge{color:#708197;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.photo-language{border-top:1px solid #e3e8ef;align-items:center;gap:26px;max-width:1380px;margin:0 auto 14px;padding:14px 24px;display:flex}.photo-language span{gap:4px;display:grid}.photo-language small{color:#7e8da0;font-size:11px}.photo-language strong{font-size:16px}.photo-language>svg{color:#a3afc0}.photo-language p{color:#8290a2;margin-left:auto;font-size:12px}.photo-content{max-width:1380px;margin:auto}.photo-canvas{background:#e4e9ef;border-radius:18px;position:relative;overflow:hidden}.photo-empty{text-align:center;background:radial-gradient(#e9f0fa 0%,#f5f7fa 66%);flex-direction:column;justify-content:center;align-items:center;min-height:62dvh;padding:28px;display:flex}.photo-focus{color:#779ac8;background:#fff8;border:1px solid #abc2df;border-radius:28px;place-items:center;width:148px;height:136px;margin-bottom:28px;display:grid;position:relative;box-shadow:0 18px 48px #345f9620}.photo-empty h2{letter-spacing:-.5px;margin:0 0 12px;font-size:25px;font-weight:550}.photo-empty p{color:#778599;margin:0 0 28px;font-size:14px;line-height:1.9}.photo-start,.photo-album{color:#fff;background:#2869db;border:0;border-radius:28px;justify-content:center;align-items:center;gap:10px;width:230px;padding:14px;font-size:16px;display:flex}.photo-album{color:#60758e;background:0 0;margin-top:8px;font-size:14px}.photo-actions{z-index:72;padding:12px 24px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fbfcef;border-top:1px solid #dfe7ef;justify-content:center;align-items:center;gap:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.photo-actions button{color:#677a90;background:0 0;border:0;justify-items:center;gap:6px;min-width:64px;font-size:11px;display:grid}.photo-actions .photo-shutter{color:#fff;background:#2f6fed;border:5px solid #f9fbfc;border-radius:40px;outline:1px solid #aac0df;align-items:center;gap:10px;padding:13px 26px;font-size:14px;display:flex}.photo-error{color:#945932;background:#fff0e9;border-radius:12px;margin:16px;padding:18px}.photo-error p{margin:0 0 10px}.photo-error button,.photo-context{color:inherit;background:0 0;border:1px solid;border-radius:8px;padding:8px 14px}.photo-fulltext{border-top:1px solid #dce4ee;margin:20px 16px;padding-top:18px}.photo-fulltext summary{cursor:pointer;font-size:15px;font-weight:600}.photo-fulltext summary span{float:right;color:#8b98a8;font-size:12px;font-weight:400}.photo-fulltext p{white-space:pre-wrap;font-size:16px;line-height:1.9}.photo-fulltext>div{gap:10px;display:flex}.photo-fulltext button{color:#49678d;background:#fff;border:1px solid #dce4ee;border-radius:8px;align-items:center;gap:6px;padding:10px;display:flex}.photo-notice{color:#3267ad;margin:12px 20px;font-size:13px}.v12-image-viewport{overscroll-behavior:contain;padding:0;display:block;overflow:auto}.v12-image-stage{justify-content:center;align-items:center;display:flex}.v12-image-surface img{object-fit:fill;width:100%;height:100%;display:block;max-height:none!important}.v12-overlay-text{overflow:auto}.v12-anchor-lines{pointer-events:none;position:absolute;inset:0;overflow:visible}.v12-anchor-lines line{stroke:#377bb6;stroke-width:1.2px;opacity:.8}.v12-viewer-large .v12-image-viewport{height:68dvh;min-height:350px;max-height:850px}.v12-viewer-large .v12-view-tabs{background:#f8fafc;border:0;justify-content:center;gap:8px;padding:12px}.v12-viewer-large .v12-view-tabs button{color:#63748b;max-width:160px}.v12-viewer-large .v12-view-tabs button[aria-pressed=true]{color:#2769c9;background:#e4edfb}.v12-viewer-large .v12-view-hint{color:#7e8ca0;background:#f1f5f9}.v12-zoom{color:#71849b;background:#eef2f7;justify-content:flex-end;align-items:center;gap:12px;padding:5px 14px;font-size:11px;display:flex}.v12-zoom button{color:#35649d;background:#fff;border:0;border-radius:6px;width:30px;height:28px;font-size:18px}.v12-viewer-large .v12-debug-toggle{color:#78879a;background:#f1f5f9}.v12-viewer-large .v12-comparison,.v12-viewer-large .v12-block-detail{color:#243146;background:#fff}@media (width<=767px){.photo-header{padding:18px 16px 12px}.photo-header h1{font-size:21px}.photo-badge{font-size:10px}.photo-language{gap:22px;margin-bottom:6px;padding:12px 20px}.photo-language p{display:none}.photo-canvas{border-radius:0}.photo-content{width:100%}.photo-actions{gap:28px}.photo-actions .photo-shutter{padding:13px 20px}.v12-viewer-large .v12-image-viewport{height:calc(100dvh - 315px);min-height:340px}}.v12-overlay-text{align-items:safe center}.v12-overlay-block{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff2;border-radius:1px;overflow:hidden}.v12-overlay-text{width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.v12-overlay-content,.v12-fit-measure{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;text-align:left;box-sizing:border-box;border:0;margin:0;padding:0;font-family:PingFang SC,Noto Sans Lao,Microsoft YaHei,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.v12-overlay-content{transform-origin:0 0;height:auto;display:block;position:absolute;top:50%;left:0}.v12-fit-measure{visibility:hidden;pointer-events:none;height:auto;display:block;position:fixed;top:0;left:-100000px}.photo-window-has-image .photo-header{gap:10px;padding:9px 14px}.photo-window-has-image .photo-header h1{font-size:17px}.photo-window-has-image .photo-header p,.photo-window-has-image .photo-badge{display:none}.photo-window-has-image .photo-back{width:32px;height:32px}.photo-window-has-image .photo-language{border:0;gap:12px;margin:0;padding:3px 16px 7px;font-size:11px}.photo-window-has-image .photo-language span{align-items:center;gap:5px;display:flex}.photo-window-has-image .photo-language small{font-size:10px}.photo-window-has-image .photo-language strong{font-size:12px}.photo-window-has-image .photo-language p{display:none}.photo-window-has-image .v12-view-tabs{gap:4px;padding:4px 10px}.photo-window-has-image .v12-view-tabs button{padding:7px 4px;font-size:12px}.photo-window-has-image .photo-actions{padding:7px 18px max(7px, env(safe-area-inset-bottom));gap:42px}.photo-window-has-image .photo-actions .photo-shutter{border-width:2px;padding:8px 17px;font-size:12px}.photo-window-has-image .photo-actions button{gap:2px;font-size:10px}.photo-window-has-image .photo-actions svg{width:20px;height:20px}.photo-window-has-image .v12-viewer-large .v12-image-viewport{height:calc(100dvh - 200px);min-height:250px;max-height:none}.photo-window-has-image .v12-view-hint{padding:5px;font-size:10px}.photo-window-has-image .v12-zoom{padding:3px 12px}.photo-window-has-image .v12-zoom button{height:25px}.photo-window-has-image{padding-bottom:75px}.photo-window-has-image .photo-canvas{border-radius:0}.photo-window-has-image .photo-fulltext{margin:10px 16px;padding-top:12px}.photo-window-has-image .v12-viewer-large{position:relative}.photo-window-has-image .v12-viewer-large .v12-view-tabs{padding-right:128px}.photo-window-has-image .v12-viewer-large .v12-zoom{z-index:2;background:0 0;gap:5px;padding:0;position:absolute;top:4px;right:6px}.photo-window-has-image .v12-viewer-large .v12-zoom button{width:32px;min-width:32px}.photo-window-has-image .v12-viewer-large .v12-image-viewport{height:calc(100dvh - 200px - env(safe-area-inset-bottom))}@media (width<=767px){.photo-window{color:#233149;-webkit-tap-highlight-color:transparent;background:#f6f8fb}.photo-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #edf1f6;gap:12px;height:72px;padding:16px 18px}.photo-back{color:#44536a;background:#fff;border:1px solid #e5ebf2;width:40px;height:40px;min-height:40px;box-shadow:0 2px 5px #20304a04}.photo-header h1{letter-spacing:.1px;font-size:19px;font-weight:650}.photo-header p{color:#8a96a7;font-size:11px}.photo-badge{color:#8c9caf}.photo-language{background:#fff;border:0;gap:18px;margin:0;padding:10px 20px 16px}.photo-language strong{font-size:14px}.photo-language small{color:#91a0b2;font-size:10px}.photo-empty{background:radial-gradient(at 50% 25%,#eaf1ff 0%,#f6f8fb 62%);min-height:calc(100dvh - 150px);padding:32px 24px 48px}.photo-focus{color:#4f7fb9;background:linear-gradient(145deg,#fff,#f4f8fe);border:1px solid #d5e1f1;border-radius:18px;width:150px;height:172px;margin-bottom:30px;transform:rotate(-5deg);box-shadow:0 14px 38px #4775b71a}.photo-focus:before,.photo-focus:after{content:"";background:#dce8f6;border-radius:3px;height:5px;position:absolute;bottom:31px;left:25px;right:25px}.photo-focus:after{background:#e6eef8;bottom:20px;right:51px}.photo-focus>svg{margin-bottom:16px;transform:rotate(5deg)}.photo-empty h2{letter-spacing:.2px;font-size:24px;font-weight:600}.photo-empty p{color:#8592a5;margin-bottom:30px;font-size:13px;line-height:1.85}.photo-start{background:#3475e9;border-radius:16px;width:240px;min-height:52px;font-size:15px;font-weight:550;box-shadow:0 7px 18px #3475e925}.photo-album{color:#657d9b;background:#fff;border:1px solid #dfe7f1;border-radius:16px;width:240px;min-height:48px;margin-top:12px;font-size:13px}.photo-window-has-image .photo-header{border-bottom:0;gap:10px;height:64px;padding:12px 16px}.photo-window-has-image .photo-back{width:38px;height:38px;min-height:38px;box-shadow:none;background:#f5f7fa;border:0}.photo-window-has-image .photo-header h1{font-size:17px;font-weight:650}.photo-window-has-image .photo-language{z-index:1;background:#f0f5fc;border:1px solid #e5edf8;border-radius:20px;gap:6px;margin:0;padding:5px 9px;line-height:16px;position:absolute;top:18px;right:14px}.photo-window-has-image .photo-language small{display:none}.photo-window-has-image .photo-language strong{color:#5f7595;font-size:11px;font-weight:550}.photo-window-has-image .photo-language>svg{color:#9aabc0;width:12px;height:12px}.photo-window-has-image .photo-canvas{background:#263342}.photo-window-has-image .v12-viewer-large .v12-view-tabs{box-sizing:border-box;background:#fff;border-bottom:1px solid #e8edf4;gap:2px;height:48px;padding:6px 124px 6px 12px}.photo-window-has-image .v12-viewer-large .v12-view-tabs button{color:#8a96a8;white-space:nowrap;border-radius:9px;min-height:34px;padding:6px 2px;font-size:11px;font-weight:500;transition:background .15s,color .15s}.photo-window-has-image .v12-viewer-large .v12-view-tabs button[aria-pressed=true]{color:#346ecb;background:#eaf1ff;font-weight:650}.photo-window-has-image .v12-viewer-large .v12-zoom{box-sizing:border-box;color:#6f8199;background:#fff;border:1px solid #e1e7ef;border-radius:10px;gap:0;height:35px;padding:0;top:6px;right:12px}.photo-window-has-image .v12-viewer-large .v12-zoom span{text-align:center;font-variant-numeric:tabular-nums;width:32px;font-size:10px}.photo-window-has-image .v12-viewer-large .v12-zoom button{color:#567baa;background:0 0;width:30px;min-width:30px;height:33px;min-height:33px;padding:0;font-size:18px}.photo-window-has-image .v12-zoom button:disabled{color:#c5cedb;opacity:1}.photo-window-has-image .v12-image-viewport{scrollbar-width:thin;scrollbar-color:#6b7d9144 transparent;background:#263342}.photo-window-has-image .v12-image-surface{box-shadow:0 4px 20px #0b162534}.photo-window-has-image .v12-viewer-large .v12-image-viewport{height:calc(100dvh - 196px - env(safe-area-inset-bottom));min-height:200px}.photo-window-has-image .photo-actions{height:calc(80px + env(safe-area-inset-bottom));box-sizing:border-box;padding:10px 22px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-top:1px solid #e6ebf2;grid-template-columns:1fr auto 1fr;gap:24px;display:grid;box-shadow:0 -4px 18px #23395305}.photo-window-has-image .photo-actions button{color:#8292a8;border-radius:12px;align-content:center;justify-self:center;gap:4px;min-width:60px;height:52px;min-height:52px;font-size:10px;font-weight:500}.photo-window-has-image .photo-actions button>svg{width:23px;height:23px}.photo-window-has-image .photo-actions button:disabled{opacity:.4}.photo-window-has-image .photo-actions .photo-shutter{color:#fff;background:#3475e9;border:0;border-radius:17px;outline:0;justify-content:center;gap:9px;width:136px;height:52px;min-height:52px;padding:0;font-size:13px;font-weight:600;box-shadow:0 5px 13px #3475e922}.photo-window-has-image .photo-actions .photo-shutter>svg{width:24px;height:24px}.photo-window-has-image{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.photo-window-has-image .v12-view-hint{color:#9ba6b5;background:#f6f8fb;padding:8px 12px;font-size:10px}.photo-window-has-image .photo-fulltext{color:#394e6a;background:#fff;border:1px solid #e1e8f0;border-radius:14px;margin:12px;padding:15px}.photo-fulltext summary{font-size:13px}.photo-fulltext summary span{color:#9aa7b9;font-size:10px}.photo-fulltext p{font-size:15px;line-height:1.9}.photo-window-has-image .v12-debug-toggle{color:#a0acbc;background:#f6f8fb;border-color:#e8edf3;font-size:10px}.photo-window button:focus-visible{outline-offset:2px;outline:2px solid #729feb}.photo-window button:active{filter:brightness(.97)}.photo-window{scrollbar-width:none}.photo-window::-webkit-scrollbar{display:none}}.photo-language-badge{color:#5f7595;white-space:nowrap;background:#f0f5fc;border:1px solid #e5edf8;border-radius:20px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:550;line-height:16px;display:inline-flex}.photo-language-badge>svg{color:#9aabc0}.photo-language-picker{color:#2f6fed;align-items:center;display:inline-flex;position:relative}.photo-language-picker select{appearance:none;min-height:24px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:-4px 0;padding:2px 16px 2px 2px;font-weight:650}.photo-language-picker select:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #2f6fed}.photo-language-picker svg{pointer-events:none;position:absolute;right:1px}@media (width<=767px){.photo-language-badge{padding:5px 9px;font-size:11px}.photo-header{gap:10px}}.v12-image-frame{position:relative}.photo-loading-overlay{pointer-events:none;z-index:4;background:#16243b18;place-items:center;display:grid;position:absolute;inset:0}.photo-loading-card{box-sizing:border-box;isolation:isolate;-webkit-backdrop-filter:blur(16px)saturate(150%)brightness(.65);backdrop-filter:blur(16px)saturate(150%)brightness(.65);text-align:center;color:#fff;background:linear-gradient(135deg,#ffffff20 0%,#adc9f012 35%,#14263e70 100%);border:1px solid #fff5;border-radius:26px;width:min(290px,100% - 32px);padding:23px 16px 18px;animation:4s ease-in-out infinite photo-loading-float;position:relative;box-shadow:0 20px 45px #06132150,0 5px 12px #06132130,inset 0 1px #ffffff60,inset 0 -1px #ffffff12}.photo-loading-orb{background:radial-gradient(circle at 28% 22%,#ffffffc9 0%,#b4dcff99 15%,#79a6f077 42%,#567ce744 66%,#c8deff88 100%);border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 15px;display:grid;position:relative;box-shadow:inset 2px 3px 8px #ffffff80,inset -4px -6px 12px #17276166,0 9px 18px #07132955,0 0 24px #9ecaff35}.photo-loading-orb:before{content:"";background:#a2cfff22;border-radius:50%;animation:2.4s ease-in-out infinite photo-loading-breathe;position:absolute;inset:-7px}.photo-loading-ring{border:1px solid #fffd;border-color:#fffd #b7d6ff88 #d5eaff33 #d5eaff33;border-radius:50%;animation:1.8s linear infinite photo-loading-spin;position:absolute;inset:0}.photo-loading-logo{object-fit:contain;width:34px;height:34px;display:block;position:relative}.photo-loading-card strong{text-shadow:0 2px 7px #031025aa;font-size:17px;font-weight:650;line-height:1.5;display:block}.photo-loading-card p{color:#f0f5ff;text-shadow:0 1px 5px #031025bb;margin:6px 0 14px;font-size:12px;line-height:1.6}.photo-loading-dots{justify-content:center;gap:5px;height:5px;display:flex}.photo-loading-dots i{background:#e5efff;border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite photo-loading-dot;box-shadow:0 0 6px #bfd6ff66}.photo-loading-dots i:nth-child(2){animation-delay:.18s}.photo-loading-dots i:nth-child(3){animation-delay:.36s}@keyframes photo-loading-float{0%,to{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes photo-loading-breathe{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes photo-loading-spin{to{transform:rotate(360deg)}}@keyframes photo-loading-dot{0%,80%,to{opacity:.35}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.photo-loading-card,.photo-loading-orb:before,.photo-loading-ring,.photo-loading-logo,.photo-loading-dots i{animation:none}}.photo-recovery{text-align:center;color:#5f789d;padding:52px 20px 30px}.photo-recovery h2{color:#294b7d;font-size:19px}.photo-recovery p{font-size:13px;line-height:1.7}.output-column{scroll-margin-top:12px}.loading-cancel{min-height:34px;color:var(--muted);margin-top:4px;font-size:12px}.stale-note{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--line));background:var(--soft);color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:9px 10px 9px 13px;font-size:12px;line-height:1.6;display:flex}.stale-note button{border-color:var(--primary);background:var(--primary);color:#fff;flex-shrink:0;min-height:32px;padding:5px 11px;font-size:12px}.stale-note button:hover:not(:disabled){color:#fff}.result-body.is-stale>:not(.stale-note){opacity:.55}.entity-more{color:var(--muted);font-size:12px}.entity-more summary{cursor:pointer;padding:2px 0}.entity-more[open] summary{margin-bottom:12px}.entity-more label+label{margin-top:12px}:root[data-theme=dark] .stale-note button{color:#101827}.account-button i.syncing{background:var(--primary)}.account-button i.warning{background:#ca8330}.result-panel .pane-heading{margin-bottom:8px}.result-actions .is-saved{background:var(--soft);color:var(--primary);border-color:var(--primary)}.vocabulary-toggle{min-height:34px;color:var(--primary);background:0 0;border:0;margin-top:8px;padding:6px 0;font-size:12px}.drawer-section+.drawer-section{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.drawer-section h3{color:var(--muted);letter-spacing:.04em;margin:0 0 16px;font-size:13px;font-weight:650}.drawer-section .account-note{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.9}.account-sync span{align-items:center;gap:8px;display:inline-flex}.account-sync i{background:#179b7c;border-radius:50%;width:7px;height:7px}.account-sync.syncing i{background:var(--primary)}.account-sync.warning i{background:#ca8330}.setting-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.segmented button{padding:6px 11px;font-size:12px}.record-search{border:1px solid var(--line);background:var(--subtle);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.record-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:42px;font-size:14px}.record-search:focus-within{border-color:var(--primary)}.record-empty-search{color:var(--muted);padding:12px 2px;font-size:13px}.record-actions{flex-direction:column;justify-content:flex-start;gap:4px;padding:10px 8px 10px 0;display:flex}.record-actions button{width:38px;height:38px;min-height:38px;color:var(--muted);background:0 0;border:0;padding:0}.record-actions .is-saved{color:#d99a1e}.record-clear{color:var(--danger);border-style:dashed;margin-top:8px}.record-clear-confirm{border:1px solid var(--danger);color:var(--text);border-radius:12px;margin-top:8px;padding:14px;font-size:12px;line-height:1.8}.record-clear-confirm>div{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.record-clear-confirm .drawer-danger{width:auto;margin:0}.phrases{gap:9px;width:100%;margin-top:6px;display:grid}.phrases small{font-size:11px}.phrases>div{flex-wrap:wrap;gap:7px;display:flex}.phrases button{background:var(--subtle);border-radius:17px;min-height:34px;padding:6px 12px;font-size:13px;font-weight:500}.offline-banner{color:#7a4c0c;background:#fff6e6;border:1px solid #e7c48d;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:11px 14px;font-size:13px;line-height:1.6;display:flex}:root[data-theme=dark] .offline-banner{color:#ffe2a8;background:#3d2e14;border-color:#7a5a24}.present{background:var(--surface);border:0;grid-template-rows:auto 1fr auto;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;display:grid}.present:not([open]){display:none}.present-bar{padding:max(14px, env(safe-area-inset-top)) 16px 10px;justify-content:space-between;gap:12px;display:flex}.present-bar button{min-height:42px;color:var(--muted);border-radius:21px;padding:8px 16px}.present-bar button[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:var(--soft)}.present-text{justify-content:center;align-items:center;min-height:0;margin:0 clamp(16px,5vw,64px);transition:transform .25s;display:flex;overflow:hidden}.present-text.is-flipped{transform:rotate(180deg)}.present-text p{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:100%;font-weight:650;line-height:1.45}.present-source{padding:12px 20px max(18px, env(safe-area-inset-bottom));color:var(--muted);text-align:center;max-height:22dvh;font-size:13px;line-height:1.7;overflow:auto}.language-switch>:first-child{justify-self:end}.language-picker{color:var(--primary);align-items:center;display:inline-flex;position:relative}.language-picker select{appearance:none;border:1px solid var(--line);background:var(--surface);min-height:36px;color:inherit;font:inherit;cursor:pointer;border-radius:11px;padding:4px 24px 4px 10px}.language-picker select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.language-picker svg{pointer-events:none;position:absolute;right:8px}