.tw{max-width:820px;margin:0 auto;padding:0 18px 60px}.th{padding:28px 0 6px;text-align:center}.th h1{font-size:clamp(30px,8vw,46px);line-height:1.1;margin:6px 0 10px}.th h1 span{color:var(--accent)}
.free{display:inline-block;font-size:13px;font-weight:700;color:#000;background:var(--accent);border-radius:999px;padding:4px 12px;margin:2px}.pills{margin:0}
.promise,.hint{color:var(--muted);font-size:15px;text-align:center;margin:8px auto}
.warn{border:1px solid var(--accent);background:var(--accent-soft);border-radius:14px;padding:12px 14px;font-size:15px;margin:14px 0}.warn b{color:var(--accent)}
.lang{display:block;width:100%;min-height:60px;background:var(--card);color:var(--text);border:1px solid var(--accent);border-radius:999px;font-size:18px;margin:10px 0;cursor:pointer}.lang b{color:var(--accent)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pick{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#000;border:0;border-radius:20px;min-height:80px;font-size:22px;font-weight:700;cursor:pointer;font-family:inherit;position:relative}
.pick span{font-size:32px;font-weight:300}.pick.c{background:none;color:var(--text);border:2px solid var(--accent)}.pick input{position:absolute;width:1px;height:1px;opacity:0}
.screen{display:block;width:100%;min-height:60px;margin:8px 0;background:none;color:var(--text);border:1px solid var(--line);border-radius:20px;font-size:17px;cursor:pointer}
.card{margin-top:14px;border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:14px;overflow-wrap:anywhere}
.card canvas,.card img,.card video{max-width:100%;height:auto;border-radius:12px;display:block}
.out{white-space:pre-wrap;background:#000;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:16px;line-height:1.5;max-height:420px;overflow:auto}
.orig{color:var(--muted);font-size:13px}
.acts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:12px}
.ab{min-height:60px;background:var(--btn);color:#000;border:0;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;font-family:inherit;padding:0 10px}.ab.g{background:none;color:var(--text);border:1px solid var(--line)}
.status{color:var(--muted);margin-top:12px;text-align:center}progress{width:100%;accent-color:var(--accent)}
.live{position:fixed;inset:0;background:#000;z-index:50}.live video,.live canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.livebar{position:absolute;top:16px;left:0;right:0;text-align:center;font-size:13px}.dot{background:#000a;padding:6px 12px;border-radius:999px}
.liveacts{position:absolute;bottom:28px;left:16px;right:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
dialog{background:#161618;color:var(--text);border:0;border-radius:24px;padding:12px 16px;width:min(420px,94vw)}dialog::backdrop{background:#000a}
.grab{width:40px;height:5px;border-radius:3px;background:#444;margin:0 auto 10px}dialog h2{margin:0}
.lr{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;background:none;color:var(--text);border:0;border-bottom:1px solid var(--line);font-size:20px;cursor:pointer;font-family:inherit;text-align:left}
.lr small{color:var(--muted);font-size:14px}.lr[aria-checked=true] b{color:var(--accent)}.lr[aria-checked=true]::after{content:"✓";margin-left:auto;color:var(--accent)}
.faq h2{font-size:22px;margin:32px 0 8px}.faq h3{font-size:16px;margin:14px 0 4px}.faq p{color:var(--muted)}
.foot{color:var(--muted);text-align:center}.foot a,.linkbtn{color:var(--accent);background:none;border:0;font:inherit;cursor:pointer;padding:12px 4px;min-height:44px}
.cm{border:1px solid var(--line);background:#0b0b0d;border-radius:16px;padding:12px 14px;margin:0 0 12px}.cm-top{display:flex;align-items:center;gap:10px;font-size:16px}.cm-top span{margin-left:auto;font-size:22px;font-weight:800;color:var(--accent)}
.cm-top em{font-style:normal;font-size:13px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--accent);color:#000}.cm-medium .cm-top em{background:#f3d9a4}.cm-low .cm-top em{background:#5a3a1a;color:#f3d9a4}
.cm-bar{height:10px;border-radius:999px;background:#222;margin:8px 0;overflow:hidden}.cm-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-lo),var(--gold),var(--gold-hi));border-radius:999px}
.cm-parts{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:0;padding:0;color:var(--muted);font-size:13px}.cm-note{color:var(--muted);font-size:13px;margin:6px 0 0}
mark.lowc{background:rgba(217,163,95,.35);color:inherit;border-radius:4px}.cm-live{position:absolute;top:52px;left:16px;right:16px;z-index:2;background:#000c}
.acts{grid-template-columns:1fr 1fr 1fr}.wm{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:60px;color:var(--muted);font-size:15px;cursor:pointer}.wm input{width:28px;height:28px;accent-color:var(--accent)}
.ovw{position:relative}.ovw .olay{position:absolute;inset:0}.olay span{position:absolute;color:transparent;font-size:12px;overflow:hidden;white-space:nowrap}
.livetext{position:absolute;left:16px;right:16px;bottom:110px;max-height:40vh;overflow:auto;background:#000c;border-radius:14px;padding:8px 12px;font-size:17px;white-space:pre-wrap}.livetext:empty{display:none}
.err{color:var(--gold-hi)}.pack{color:var(--muted)}mark[data-low-confidence]{background:rgba(217,163,95,.35);color:inherit;border-radius:4px}

/* instant scrolling: smooth scroll stalls in background tabs and adds nothing to a one-screen tool */
html{scroll-behavior:auto!important}
/* QA: trust line always in view; every tappable/testid element >= 44px */
.trustbar{position:fixed;left:0;right:0;bottom:0;z-index:20;text-align:center;font-size:13px;line-height:28px;background:var(--bg,#fff);color:var(--muted);border-top:1px solid rgba(127,127,127,.2)}
body{padding-bottom:30px}
.skip,.brand,.nav a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.wm input{width:44px!important;height:44px!important}
.pack{display:inline-flex;align-items:center;min-height:44px}

/* screen mode: video hidden, translations in a separate panel (never drawn over a captured surface) */
.live[data-mode=screen] video,.live[data-mode=screen] canvas{display:none}
.live[data-mode=screen] .livetext{position:static;max-height:none}

/* example views (mode-* tabs), styled from the locked v1 mockup */
.tabs{display:flex;gap:6px;margin:10px 0 4px;flex-wrap:wrap;align-items:center}.tabs .tl{color:var(--muted);font-size:14px;width:100%}
.tab{min-height:44px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--muted);background:none;cursor:pointer}
.tab[aria-pressed=true]{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}
body[data-v] #home,body[data-v] #faq{display:none}.ex{display:none}
body[data-v=photo] .v-photo,body[data-v=pdf] .v-pdf,body[data-v=office] .v-office,body[data-v=video] .v-video,body[data-v=screen] .v-screen{display:block}
.back{min-height:44px;margin:6px 0}.exl{font-size:12px;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:middle}
.ex .to2{font-size:18px;text-align:left;margin:0 0 12px}.ex .sel{background:var(--card);color:var(--text);border:1px solid var(--accent);border-radius:999px;padding:10px 16px;font-size:18px}
.ex .split{display:grid;gap:12px}@media(min-width:760px){.ex .split{grid-template-columns:1fr 1fr}}
.ex .doc{background:#f4f1ea;color:#1a1a1a;border-radius:10px;padding:14px;font-size:13px;line-height:1.5;min-height:260px}.ex .doc h4{margin:0 0 6px}.ex .hl{background:rgba(217,163,95,.35)}
.ex .slide{background:#fff;color:#1a1a1a;border-radius:10px;aspect-ratio:16/9;padding:14px;position:relative;font-size:13px}.ex .st{font-weight:800;font-size:18px;color:#8a5a1f;margin-bottom:6px}
.ex .bars{position:absolute;right:14px;bottom:12px;display:flex;gap:6px;align-items:flex-end;height:45%}.ex .bars i{width:18px;background:#d9a35f;border-radius:3px}
.ex .photo{position:relative;border-radius:12px;aspect-ratio:4/3;background:linear-gradient(160deg,#3a2d22,#0b0908)}
.ex .sign{position:absolute;background:#e9e1d2;color:#111;border-radius:6px;padding:6px 10px;font-weight:700;box-shadow:0 4px 18px #0008;outline:2px solid var(--accent)}.ex .sign small{display:block;font-weight:500;font-size:11px;color:#333}
.ex .vid{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:radial-gradient(circle at 30% 40%,#40506a,#11141b 70%)}
.ex .vsub{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);background:#000c;padding:6px 12px;border-radius:8px;font-size:16px;text-align:center;max-width:86%}.ex .vsub em{display:block;font-style:normal;color:var(--accent);font-size:13px}
.ex .srt{font:13px/1.6 ui-monospace,Menlo,monospace;color:#e8d5b5;background:#0b0b0d;border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:10px;white-space:pre-wrap}
.ex .sbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#111113;border:1px solid var(--accent);border-radius:16px;padding:10px 14px;margin:14px 0 12px;font-weight:600}
.ex .win{position:relative;background:#f3f3f3;border-radius:12px;aspect-ratio:16/10;overflow:hidden}.ex .wt{background:#ddd;color:#555;font-size:12px;padding:6px 10px}
.acts3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}.acts3 .ab{display:block;text-align:center;background:var(--btn);color:#000;border-radius:16px;padding:16px 6px;font-size:18px;font-weight:700;min-height:60px}.acts3 .ab.g{background:transparent;color:var(--text);border:1px solid var(--line)}
body[data-v] .foot{display:none}
.nab{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:12px 44px 12px 14px;border:1px solid #2a2a2a;border-radius:14px;background:#111;color:#ddd;font-size:14px}.nab p{margin:0;flex:1 1 220px}.nabb{display:flex;gap:8px}.nab .store{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;background:#fff;color:#000;font-weight:600;text-decoration:none}.nab .soon{background:#222;color:#999}.nabx{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;background:none;color:#aaa;font-size:22px;cursor:pointer}.nab[hidden],body[data-v] .nab{display:none}

/* restyle 2026-10-31: match homepage (tokens, gold glass, icon tiles); gold only for accents */
:root{--line:rgba(243,217,164,.14);--gold:#d9a35f;--gold-hi:#f3d9a4;--glass:linear-gradient(145deg,rgba(243,217,164,.10),rgba(156,107,47,.06));--card:#111214;--edge:rgba(255,255,255,.08)}
body{background:radial-gradient(1200px 600px at 50% -200px,rgba(217,163,95,.16),transparent 70%),#000}
.ic{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;flex:none;background:linear-gradient(145deg,rgba(243,217,164,.18),rgba(156,107,47,.14));border:1px solid var(--line);color:var(--gold-hi)}
.ic svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tab .ic{width:26px;height:26px;border-radius:8px;margin-right:6px;vertical-align:middle}
.free{background:var(--glass);color:var(--gold-hi);border:1px solid var(--line)}
.warn{border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.warn b,.lang b,.th h1 span{color:var(--gold-hi)}
.lang{background:rgba(255,255,255,.05);border:1px solid var(--line)}
.pick{background:var(--glass);color:var(--text);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:28px;font-weight:650}
.pick:hover,.pick.c:hover,.lang:hover{border-color:var(--gold)}
.pick.c{background:rgba(255,255,255,.05);border:1px solid var(--edge)}
.screen{background:rgba(255,255,255,.05);border:1px solid var(--edge);color:var(--text)}
.tab{background:rgba(255,255,255,.05);border:1px solid var(--edge)}
.tab[aria-pressed=true]{background:var(--glass);color:var(--gold-hi);border-color:var(--line)}
.nab,.faq{background:var(--card);border-color:var(--edge);border-radius:28px}
.exl,.ex .sel{border-color:var(--line);color:var(--gold-hi)}
.cm-top em{background:var(--glass);color:var(--gold-hi);border:1px solid var(--line)}
.cm-top span{color:var(--gold-hi)}
.nab .store{background:var(--gold-hi);color:#000}
@media (max-width:600px){.tab .ic{display:none}.faq{border-radius:20px}}
.pick .ic,.screen .ic{width:32px;height:32px;border-radius:10px}@media (max-width:600px){.nab{margin:8px 0;padding:8px 44px 8px 12px}.nab p{flex-basis:100%}.nab .store{min-height:44px}}
@media (max-width:600px){.th h1{font-size:24px;line-height:1.15}}
.bd.beta{display:inline-block;font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px;vertical-align:middle;margin-left:8px;border:1px solid rgba(243,217,164,.4);color:#f3d9a4;background:linear-gradient(145deg,rgba(243,217,164,.18),rgba(156,107,47,.14))}.th h1 .bd.beta{font-size:14px;padding:3px 11px}.hdr-tool{margin-left:12px;color:var(--muted);font-size:15px;display:inline-flex;align-items:center}.site-header .wrap>a.brand{flex:none}@media (max-width:600px){.hdr-tool{display:none}}