/* PraxTools unified UI. Screen-only: document canvases and printed invoices retain their own styles. */
@media screen {
body.prax-unified {
  --red:#d91f35;--red-dark:#b9182b;--prax:#d91f35;--prax2:#e33b50;
  --ink:#172033;--muted:#606b7d;--bg:#f6f8fb;--card:#fff;--paper:#f6f8fb;
  --line:#e1e6ee;--soft:#fff1f3;--shadow:0 4px 18px rgba(23,32,51,.045);
  margin:0;background:#f6f8fb;color:#172033;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
/* Site chrome; editor toolbars keep their original positioning and dimensions. */
.prax-unified>header {background:#fff;color:#172033;border-bottom:1px solid #e1e6ee;box-shadow:0 2px 8px #17203306;backdrop-filter:none}
.prax-unified>header.top,.prax-unified>header.site-header {height:auto;min-height:70px;padding:12px clamp(16px,4vw,56px);gap:20px}
.prax-unified .header-inner {width:100%;max-width:1280px;margin:auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.prax-unified>header :is(.brand,.brandHome){color:#172033;text-decoration:none}
.prax-unified>header :is(.logo,.brandLogo){width:38px;height:38px;min-width:38px;display:grid;place-items:center;background:#d91f35!important;color:#fff!important;border-radius:11px!important;box-shadow:none;font-size:20px!important;padding:0!important;margin:0!important}
.prax-unified>header .brandText,.prax-unified>header .brand-copy b{font-size:20px;font-weight:800;letter-spacing:-.5px}
.prax-unified>header .brand-copy small,.prax-unified>header .brand small{font-size:10px;color:#606b7d;letter-spacing:.3px}
.prax-unified :is(.site-nav,.header-nav){display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.prax-unified :is(.site-nav,.header-nav) a,.prax-unified .tool-back{font-size:13px;font-weight:650;padding:8px 11px;border:0;border-radius:8px;text-decoration:none;color:#485366;white-space:nowrap}
.prax-unified :is(.site-nav,.header-nav) a:hover,.prax-unified .tool-back:hover{background:#fff1f3;color:#b9182b}
.prax-unified :is(.site-footer,.siteFooter){background:#172033;color:#fff;border-top:1px solid #293447;box-shadow:none;margin-top:44px}
.prax-unified .footer-inner{max-width:1280px;margin:auto;padding:28px clamp(16px,4vw,56px);display:flex;justify-content:space-between;align-items:center;gap:24px}
.prax-unified .footer-links{display:flex;flex-wrap:wrap;gap:14px}
.prax-unified :is(.footer-links,.siteFooter) a{font-size:13px;color:#e1e6ee;text-decoration:none}
.prax-unified .footer-bottom{padding:14px;text-align:center;font-size:12px;color:#bcc6d4;border-top:1px solid #293447}
.prax-unified .footer-brand span{color:#bcc6d4}
/* Common typography without changing the text geometry of editable documents. */
.prax-unified :is(.hero,.apphead,.qr-hero,.calc-hero,.pdfx-hero,.merge-hero,.compress-hero,.split-hero,.intro) h1,
.prax-unified .iw-title h1 {color:#172033;font-size:clamp(28px,3.8vw,44px);font-weight:800;line-height:1.18;letter-spacing:-1px}
.prax-unified .hero h1 span{color:#d91f35}
.prax-unified :is(.hero,.qr-hero,.calc-hero,.pdfx-hero,.merge-hero,.compress-hero,.split-hero,.intro) p{color:#606b7d;line-height:1.7;font-size:16px}
.prax-unified :is(.eyebrow,.merge-eyebrow,.compress-eyebrow){color:#b9182b;font-size:11px;font-weight:800;letter-spacing:1.3px}
.prax-unified :is(.panel,.panel2,.iw-card,.merge-panel,.compress-panel,.form-box,.legal-card,.seo-content,.seoContent,.seo-box,.seo-card,.finance-tool-page .card){border:1px solid #e1e6ee;border-radius:16px;box-shadow:0 4px 18px #1720330b;background:#fff}
.prax-unified :is(.toolcard,.calc-card,.pdfx-card,.qr-card){border:1px solid #e1e6ee;border-radius:15px;background:#fff;box-shadow:0 3px 12px #17203306;transition:border-color .15s,box-shadow .15s}
.prax-unified :is(.toolcard,.calc-card,.pdfx-card,.qr-card):hover{transform:none;border-color:#e6a6af;box-shadow:0 5px 16px #1720330c}
.prax-unified :is(.toolcard,.calc-card,.pdfx-card,.qr-card) :is(h2,h3){color:#172033}
.prax-unified :is(.toolcard,.calc-card,.pdfx-card,.qr-card) p{color:#606b7d}
.prax-unified :is(.drop,.drop2,.dropzone,.iw-drop,.merge-drop,.compress-drop,.pdfx-drop){background:#fafbfd;border-color:#d4dce7;border-radius:14px;box-shadow:none}
.prax-unified :is(.icon,.merge-drop-icon,.compress-drop-icon,.dropzone-icon){color:#d91f35;background:#fff1f3;box-shadow:none}
/* Buttons are explicitly scoped to UI controls, never editable text/canvas layers. */
.prax-unified :is(.btn,.btnx,.iw-btn,.merge-btn,.compress-btn,.primary-btn,.secondary-btn,.controls button,.downloadActions button){font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;border-radius:10px;font-weight:700;transition:background-color .15s,border-color .15s;box-shadow:none;transform:none}
.prax-unified :is(.btn.primary,.btnx.primary,.iw-primary,.merge-btn-primary,.merge-btn-main,.compress-btn.primary,.primary-btn,.controls .actions button:not(.secondary),.downloadActions .primary),
.prax-unified>header .primary{background:#d91f35!important;color:#fff!important;border-color:#d91f35!important;box-shadow:none!important}
.prax-unified :is(.btn.secondary,.merge-btn-light,.secondary-btn,.controls button.secondary){background:#f0f3f8;color:#344054;border-color:#e1e6ee}
.prax-unified :is(.btn,.btnx,.iw-btn,.merge-btn,.compress-btn,.primary-btn,.secondary-btn):disabled{opacity:.5;cursor:not-allowed;transform:none}
.prax-unified :is(.field,.calc-field,.qr-field,.pdfx-field,.controls) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){border-color:#d4dce7;border-radius:9px;background:#fff;color:#172033}
.prax-unified :is(.field,.calc-field,.qr-field,.pdfx-field,.controls) :is(input,select,textarea):focus{outline:2px solid #d91f3540;outline-offset:1px;box-shadow:none;border-color:#d91f35}
.prax-unified :is(.btn,.btnx,.iw-btn,.merge-btn,.compress-btn,.primary-btn,.secondary-btn,.site-nav a,.header-nav a,.footer-links a):focus-visible{outline:3px solid #d91f35;outline-offset:3px}
.prax-unified :is(.quality-content,.seo-content,.seoContent,.seo-box,.seo-card,.legal-card) :is(p,li){color:#526074;line-height:1.75}
.prax-unified .seo-related a{background:#fff1f3;border-color:#f0d4d9;color:#ad192c;border-radius:9px}
.prax-unified .more-banner{background:#172033;box-shadow:none;border-radius:18px}
.prax-unified .category-pills button.active{background:#d91f35;border-color:#d91f35}
/* Editor/photo controls share the palette while document geometry remains untouched. */
.prax-unified>header .actions button,.prax-unified>.toolbar button{border-radius:9px;box-shadow:none;transform:none}
.prax-unified #empty{background:#fff;border:1px solid #e1e6ee;border-top:4px solid #d91f35;border-radius:16px;box-shadow:0 4px 18px #1720330b}
.prax-unified .downloadCard{border-radius:16px;box-shadow:0 8px 30px #17203314}
.prax-unified.finance-tool-page .card{border:1px solid #e1e6ee;border-radius:16px;box-shadow:0 4px 18px #1720330b}
.prax-invoice-ui .check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.prax-invoice-ui .check-grid label{display:flex;align-items:center;gap:8px;min-height:46px;font-size:12px}
.prax-invoice-ui .check-grid input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;accent-color:#d91f35}
.prax-unified header.topbar{background:#fff;box-shadow:none}
.prax-unified :is(.excel-panel>button[type=submit],.download-btn,.download-main,.btn-primary){background:#d91f35;color:#fff;border-radius:10px;box-shadow:none}
/* Photo-tool control chrome. Do not target canvas, layers, or exported content. */
.prax-photo-ui{--bg-soft:#fff;--panel:#fff;--panel-2:#f1f4f8;--border:#dce3ed;--border-soft:#e7ebf2;--text:#172033;--text-dim:#606b7d;--text-faint:#6b7585;--blue:#d91f35;--blue-2:#b9182b;--blue-soft:#fff1f3}
.prax-photo-ui .brand-text b,.prax-photo-legacy>header .brand b{background:none;color:#172033}
.prax-photo-ui .brand-icon{background:#d91f35;color:#fff;box-shadow:none}
.prax-photo-ui :is(button,select,input){color:#172033}
.prax-photo-ui button:hover{background:#fff1f3;border-color:#e6a6af}
.prax-photo-ui button.primary{background:#d91f35;color:#fff}
.prax-photo-ui #choose{background:#d91f35;color:#fff;border-color:#d91f35;font-weight:700}
.prax-photo-ui .mobileDock,.prax-photo-legacy .mobileDock{background:#fff}
.prax-photo-ui .mobileDock small,.prax-photo-legacy .mobileDock small{color:#606b7d}
.prax-photo-ui .toast,.prax-photo-legacy .toast{color:#fff}
.prax-photo-legacy :is(.left,.right,.bar){background:#fff;color:#172033;border-color:#e1e6ee}
.prax-photo-legacy :is(button,select,input){background:#f1f4f8;color:#172033;border-color:#d4dce7}
.prax-photo-legacy button:hover,.prax-photo-legacy button.active{background:#fff1f3;color:#b9182b}
.prax-photo-legacy .top button:last-child{background:#d91f35;color:#fff;border-color:#d91f35}
@media(max-width:760px){
 .prax-unified>header.top,.prax-unified>header.site-header{padding:10px 14px;gap:8px;flex-wrap:wrap;min-height:64px}
 .prax-unified .header-inner{flex-wrap:wrap;gap:8px}
 .prax-unified>header.top .site-nav,.prax-unified .header-nav{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:2px;margin:0;scrollbar-width:thin;padding-bottom:2px}
 .prax-unified :is(.site-nav,.header-nav) a{font-size:12px;padding:7px 5px;flex:0 0 auto}
 .prax-unified>header .actions{gap:6px;justify-content:flex-start;min-width:0}
 .prax-unified>header .actions button{font-size:11px;padding:8px 7px;flex:0 0 auto}
 .prax-unified .tool-back{margin-left:auto;font-size:12px}
 .prax-unified>header .brand-copy,.prax-unified>header .logo{display:block}
 .prax-unified>header .logo{display:grid}
 .prax-unified .footer-inner{flex-direction:column;align-items:flex-start;padding:24px 16px}
 .prax-unified .footer-links{justify-content:flex-start;gap:12px}
 .prax-unified :is(.hero,.qr-hero,.calc-hero,.pdfx-hero,.merge-hero,.compress-hero,.split-hero) p{font-size:15px}
 .prax-unified :is(.hero,.apphead,.qr-hero,.calc-hero,.pdfx-hero,.merge-hero,.compress-hero,.split-hero,.intro) h1{letter-spacing:-.6px}
}
@media(prefers-reduced-motion:reduce){
 .prax-unified :is(.btn,.toolcard,.calc-card,.pdfx-card,.qr-card){transition:none;transform:none}
}
}