:root{--blue:#2464c9;--line:#e1e6ed;--muted:#748194;--panel:#fff;color:#24344d;background:#f0f3f8;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}
body{height:100dvh;display:flex;flex-direction:column}button{background:#fff;border-color:#dfe5ee;box-shadow:none;transition:background .15s,border-color .15s;color:#40516b}button:hover{background:#edf3fd;border-color:#b6cbed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91b8fb;outline-offset:2px}button:disabled{opacity:.35}.titlebar{height:72px;min-height:72px;background:#fff;padding:0 26px;border-bottom:1px solid var(--line);gap:20px;box-shadow:none;backdrop-filter:none}.brand{font-size:19px;letter-spacing:-.5px;gap:12px;color:#1e3559}.app-icon{width:40px;height:40px;box-shadow:none;border-radius:12px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:600;color:#8390a3;margin-top:4px}.beta-tag{font-size:8px;letter-spacing:.6px;color:#2c6abd;background:#edf4ff;border:1px solid #e0ebfd;border-radius:4px;padding:1px 4px;margin-left:5px}.header-assurance{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:#4d7a65}.header-assurance svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.titlebar .info-button{border-radius:50%;width:28px;min-height:28px;padding:2px;font-weight:600;color:#758298;background:#f8fafc}.commandbar{display:flex;align-items:center;gap:10px;min-height:54px;padding:9px 22px;background:#fff;border-bottom:1px solid var(--line);overflow:auto;flex-shrink:0}.commandbar button{font-size:11px;padding:7px 9px;white-space:nowrap;min-height:32px}.commandbar .icon-label svg,.commandbar .icon-only svg{width:15px;height:15px}.commandbar .title-actions,.commandbar .export-actions{gap:5px}.commandbar .icon-label.accent,.large-open,.modal-actions .accent{background:#2866c6;border-color:#2866c6;box-shadow:0 3px 7px #2866c61a}.commandbar .icon-label.accent:hover,.large-open:hover{background:#1e55ab;color:#fff}.commandbar .icon-label.dark{background:#eff3fa;color:#435876;border-color:#e0e7f1}.commandbar .hover-translate-controls{display:none}.documentbar{height:42px;min-height:42px;padding:0 24px;background:#f8fafd;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.document-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;font-weight:600}.document-title svg{width:13px;height:13px;fill:none;stroke:#7c91af;stroke-width:1.5}.document-title #documentName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-local{margin-left:auto;color:#8694a8;font-size:10px;white-space:nowrap}.documentbar button{display:none;font-size:10px;padding:4px 8px}#dirtyMark{color:#e5a44e;font-size:9px}.app-shell{height:auto;flex:1;min-height:0;grid-template-columns:180px minmax(0,1fr) 248px}.sidebar{background:#fff}.sidebar-heading{height:52px;font-size:11px;padding:10px 16px;color:#687a94}.sidebar-heading strong{text-transform:uppercase;font-size:9px;letter-spacing:1.5px;font-weight:700}.circle-button{background:#f4f7fc}.page-actions{padding:8px 14px}.page-actions button{background:#f9fbfe;border-color:#e8edf4;border-radius:6px;padding:6px}.page-actions svg{width:15px;height:15px}.thumb{padding:8px 4px;gap:4px;grid-template-columns:16px 1fr;border-radius:8px}.thumb.active{background:#edf4ff;border-color:#b4cef4}.thumbnails{padding:4px 12px}.inspector-section{padding:17px 18px}.inspector-section h3{font-size:11px;letter-spacing:.2px;color:#3b506f;margin-bottom:12px}.inspector label{font-size:11px;color:#738098}.inspector select{width:130px;font-size:11px}.inspector input,.inspector select{border-color:#e1e7f0!important;border-radius:5px!important}.inspector .wide,.inspector .two-buttons button,.inspector .format-buttons button{font-size:10px;padding:7px 5px;border-radius:5px}.hint{font-size:10px;line-height:1.7}.ocr-badge{font-size:9px;background:#eff7f2;color:#537b63;line-height:1.55}.results{font-size:10px}.workspace{grid-template-rows:66px minmax(0,1fr) 36px;background:#eef2f7}.tool-dock{justify-content:flex-start;padding:7px 16px;background:#fff;border-color:var(--line);gap:4px;backdrop-filter:none}.tool-dock button{min-width:45px;padding:7px 6px;flex-shrink:0;color:#71829a;border-radius:7px}.tool-dock button.active{background:#eaf2ff;color:#2866c6;border-color:#d7e6fc}.tool-dock svg{width:19px;height:19px;stroke-width:1.6}.tool-dock button span{font-size:8px;display:block!important;margin-top:3px}.viewer-wrap{background:#f0f3f8;background-image:radial-gradient(#c8d3e04a .7px,transparent .7px);background-size:14px 14px;padding:28px;scrollbar-gutter:auto}.empty-state{max-width:700px;padding:32px 20px 20px;margin:0 auto;text-align:center}.welcome-label{font-size:9px;font-weight:600;letter-spacing:2px;color:#8c9ab0;margin-bottom:28px}.empty-document{width:76px;height:95px;border-radius:8px;box-shadow:0 8px 25px #38517c13;transform:rotate(-7deg);overflow:visible;border-color:#dce3ee}.empty-document:after{border-width:0 0 22px 22px;right:0;top:0;border-color:transparent transparent #e4ebf4 transparent}.empty-document span{left:13px;top:17px;font-size:15px;letter-spacing:1px;color:#3b72c7}.empty-document i{height:3px;margin:7px 13px!important;width:44px!important}.empty-document i:first-of-type{margin-top:46px!important}.empty-document i:last-of-type{width:30px!important}.empty-document b{display:grid;place-items:center;position:absolute;right:-12px;bottom:8px;width:28px;height:28px;background:#e9f5ed;color:#438b68;border-radius:50%;font-size:13px;border:3px solid #f0f3f8;transform:rotate(7deg)}.empty-state h1{font-size:clamp(26px,2.5vw,36px);line-height:1.25;letter-spacing:-1.25px;font-weight:650;color:#243d63;margin:26px 0 14px}.empty-state h1 em{font-style:normal;color:#2d6bc9}.empty-state p{font-size:12px;color:#7989a0;line-height:1.85;margin-bottom:23px}.large-open{border-radius:7px;font-size:12px;min-height:43px;padding:12px 22px}.empty-state small{font-size:9px;color:#9aa6b7;margin-top:12px}.demo-link{border:none;background:none!important;font-size:10px;color:#5d7fae;margin:19px 0 25px;padding:5px}.demo-link span{margin-left:5px}.welcome-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:420px;margin:0 auto}.welcome-cards button{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;text-align:left;gap:5px 8px;padding:15px;background:#ffffffa8;border-color:#e0e7f1;border-radius:8px}.welcome-cards svg{grid-row:1/3;width:18px;height:18px;fill:none;stroke:#7f9cc4;stroke-width:1.5;align-self:center}.welcome-cards strong{font-size:10px;font-weight:600;color:#547095}.welcome-cards span{font-size:8px;color:#97a5b8}.welcome-foot{font-size:8px;color:#a9b5c5;margin-top:28px}.statusbar{background:#fff;font-size:9px;border-color:var(--line);padding:4px 13px}.author-credit{font-size:9px;color:#9aa8ba}.statusbar #status{font-size:9px}.statusbar .separator{height:15px;background:#e5ebf3}.statusbar button{font-size:16px;color:#768bad;margin:0;min-width:24px}.statusbar #zoomLabel{font-size:9px;white-space:nowrap}.statusbar #pagePosition{white-space:nowrap;font-size:9px}.page-stage{border-radius:0;box-shadow:0 4px 18px #1b355b19;touch-action:none}.page-stage canvas{touch-action:none}.modal-card{background:white;border:0;border-radius:14px;padding:26px}.modal-card h2{font-size:20px;letter-spacing:-.5px;color:#2f476a}.modal-actions button{font-size:12px}.help-copy{font-size:13px;line-height:1.8;color:#62728b}.modal-card a{color:#2866c6;font-size:12px}.progress-card{max-width:90vw}.language-switch{font-size:9px}.language-switch select{font-size:10px}.language-switch span{display:none}#dropHint,#printRoot,#panelBackdrop{display:none}.file-drag #dropHint{display:grid;place-items:center;position:fixed;inset:14px;background:#f6f9ffed;border:3px dashed #83abe2;z-index:110;border-radius:15px;font-size:22px;font-weight:600;color:#3267b1;pointer-events:none}
@media(min-width:1600px){.commandbar .hover-translate-controls{display:flex}.tool-dock{justify-content:center}.app-shell{grid-template-columns:210px minmax(0,1fr) 270px}.empty-state{padding-top:55px}.welcome-label{margin-bottom:38px}.empty-document{margin-bottom:30px}}
@media(max-width:1400px){.commandbar .icon-label span{display:none}.commandbar .export-actions #exportBtn span{display:block}.commandbar .export-actions{margin-left:auto}.tool-dock{gap:2px}.tool-dock button{min-width:40px}.app-shell{grid-template-columns:150px minmax(0,1fr) 220px}.inspector-section{padding:14px}.inspector select{width:115px}}
@media(max-width:1000px){.app-shell{grid-template-columns:135px minmax(0,1fr)}.inspector{display:none}.documentbar #inspectorToggle{display:block}.show-inspector .inspector{display:block;position:fixed;right:0;top:168px;bottom:0;width:260px;z-index:21;box-shadow:-10px 0 30px #1f34551a}.show-inspector #panelBackdrop{display:block;position:fixed;inset:168px 0 0;background:#20304a33;z-index:20}.tool-dock{padding-left:10px}.header-assurance{font-size:10px}.empty-state{padding-top:28px}}
@media(max-width:640px){.titlebar{min-height:60px;height:60px;padding:0 16px;gap:10px}.brand{font-size:16px}.brand small{font-size:8px}.app-icon{width:33px;height:33px}.header-assurance{font-size:0;gap:0}.header-assurance svg{width:17px;height:17px}.commandbar{padding:7px 10px;min-height:50px;gap:6px}.commandbar button{min-width:31px;padding:7px}.commandbar .export-actions{margin-left:0}.commandbar .separator{display:none}.documentbar{padding:0 12px;height:38px;min-height:38px}.documentbar .document-local{display:none}.documentbar #pagesToggle{display:block;margin-left:auto}.document-title{font-size:10px;max-width:52%}.app-shell{grid-template-columns:minmax(0,1fr)}.pages-pane{display:none}.show-pages .pages-pane{display:block;position:fixed;top:148px;left:0;bottom:0;width:175px;z-index:21;box-shadow:10px 0 30px #1f34551a}.show-pages #panelBackdrop,.show-inspector #panelBackdrop{display:block;position:fixed;inset:148px 0 0;background:#20304a33;z-index:20}.show-inspector .inspector{top:148px}.workspace{grid-template-rows:59px minmax(0,1fr) 34px}.tool-dock{padding:5px 8px}.tool-dock button{min-width:42px}.tool-dock button span{font-size:8px}.viewer-wrap{padding:18px 12px}.empty-state{padding:23px 2px 20px}.welcome-label{font-size:7px;letter-spacing:1.5px;margin-bottom:24px}.empty-state h1{font-size:29px;margin-top:24px}.empty-state p{font-size:11px}.empty-state small{font-size:8px}.welcome-cards{gap:8px}.welcome-cards button{padding:12px 8px;gap:5px;grid-template-columns:20px 1fr}.welcome-cards strong{font-size:9px}.welcome-cards span{font-size:7px}.welcome-foot{margin-top:20px}.statusbar{padding:4px 8px}.author-credit{display:none}.statusbar #status{max-width:45vw}.page-stage{margin:0}.modal-card{padding:20px}.help-copy{font-size:11px}.modal{overflow:auto;padding:20px 0}}
/* Comfortable desktop controls; compact layouts retain their existing sizes. */
@media (min-width: 1001px) {
  .commandbar { min-height: 64px; padding: 10px 22px; gap: 12px; }
  .commandbar button { min-width: 42px; min-height: 42px; padding: 9px 11px; font-size: 12px; gap: 8px; }
  .commandbar .icon-label svg, .commandbar .icon-only svg { width: 22px; height: 22px; flex-shrink: 0; }
  .commandbar .title-actions, .commandbar .export-actions { gap: 7px; }
  .commandbar .language-switch select { min-height: 42px; font-size: 12px; }
  .workspace { grid-template-rows: max-content minmax(0, 1fr) 40px; }
  .tool-dock { flex-wrap: wrap; gap: 4px; padding: 8px 12px; overflow: visible; }
  .tool-dock button { min-width: 56px; min-height: 64px; padding: 8px 7px; gap: 4px; color: #4c607d; border-radius: 9px; }
  .tool-dock svg { width: 28px; height: 28px; flex-shrink: 0; stroke-width: 1.8; }
  .tool-dock button span { font-size: 11px; font-weight: 500; line-height: 1.25; margin-top: 0; }
  .tool-dock button:hover { background: #edf3fd; border-color: #c9d9ee; }
  .tool-dock button.active { background: #e5efff; border-color: #acc8f0; color: #215db8; }
  .page-actions { gap: 4px; padding: 8px; }
  .page-actions button { min-height: 36px; padding: 6px 4px; font-size: 18px; }
  .page-actions svg, .circle-button svg { width: 20px; height: 20px; }
  .inspector .format-buttons svg, .inspector .two-buttons svg, .inspector .wide svg { width: 19px; height: 19px; }
  .inspector .wide, .inspector .two-buttons button, .inspector .format-buttons button { min-height: 36px; font-size: 11px; }
  .statusbar button { min-width: 32px; min-height: 32px; font-size: 20px; }
  .statusbar #zoomLabel, .statusbar #pagePosition { font-size: 11px; }
}
@media print{@page{margin:0;size:auto}html,body{height:auto!important;overflow:visible!important;background:white!important}body>*{display:none!important}#printRoot{display:block!important}#printRoot img{display:block;max-width:100%;width:100%;height:100vh;object-fit:contain;break-after:page;page-break-after:always}#printRoot img:last-child{break-after:auto;page-break-after:auto}}