/* UVs Tool Hub v23: one navy, gold and white interface across the website.
   Content colours selected by the user and semantic error/success states stay functional. */
:root{--brand-primary:#14203a;--brand-primary-rgb:20,32,58;--brand-ink:#18233f;--brand-ink-rgb:24,35,63;--brand-accent:#cda760;--brand-accent-rgb:205,167,96;--brand-accent-light:#e6c77f;--brand-accent-light-rgb:230,199,127;--brand-gold-ink:#755620;--brand-soft:#f7f5ef;--brand-soft-rgb:247,245,239;--brand-line:#e4e7ed;--brand-line-rgb:228,231,237;--brand-muted:#67728b;--brand-muted-rgb:103,114,139;--brand-paper:#fff;--brand-danger:#a72d37;--brand-success:#1b694f}
.bg-mode-advanced .btn.is-active{background:var(--brand-primary);border-color:var(--brand-primary)}
.bg-edge-panel{border:1px solid var(--brand-line);background:linear-gradient(180deg,var(--brand-soft),var(--brand-soft))}
.bg-edge-row>label{color:var(--brand-muted)}
.bg-inline-check input{accent-color:var(--brand-primary)}
.bg-refine-stage.inspect-dark{background:var(--brand-primary)!important}
.bg-refine-stage.inspect-magenta{background:var(--brand-primary)!important}
.bg-refine-stage.show-mask{background:var(--brand-primary)!important}
.bg-refine-state.busy{color:var(--brand-muted)}
.bg-shortcut-list kbd{border:1px solid var(--brand-line);background:var(--brand-soft)}
.studio-file-symbol{border:1px solid var(--brand-line);color:var(--brand-ink);background:var(--brand-soft)}
.form-v20 .studio-drop{background:linear-gradient(130deg,var(--brand-soft),var(--brand-soft))}
.form-jump a{color:var(--brand-ink);background:var(--brand-soft)}
.form-private{color:var(--brand-ink);background:var(--brand-soft)}
.form-v20 progress{background:var(--brand-soft)}
.form-v20 progress::-webkit-progress-bar{background:var(--brand-soft)}
.form-v20 progress::-webkit-progress-value{background:var(--brand-primary)}
.form-v20 progress::-moz-progress-bar{background:var(--brand-primary)}
.form-v20 .form-canvas-wrap{background-color:var(--brand-soft);background-image:radial-gradient(var(--brand-soft) 1px,transparent 1px);border:1px solid var(--brand-line)}
.form-layer button{background:rgba(var(--brand-primary-rgb),0.063);border:1px solid rgba(var(--brand-primary-rgb),0.502)}
.form-layer button:hover,.form-layer button:focus-visible{background:rgba(var(--brand-primary-rgb),0.200);outline:2px solid var(--brand-primary)}
.form-layer .form-item-hit:hover,.form-layer .form-item-hit.selected{border-color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),0.145)}
.form-viewer-head{border:1px solid var(--brand-line)}
.form-draw canvas{border:1px dashed var(--brand-primary)}
.form-item-editor{border-top:1px solid var(--brand-line)}
.item-select{color:var(--brand-ink)}
.form-v20 .studio-export{background:linear-gradient(130deg,var(--brand-soft),var(--brand-soft));border-color:var(--brand-line)}
.inv-hero{background:radial-gradient(circle at 88% 0%,var(--brand-soft),transparent 36%),linear-gradient(130deg,var(--brand-soft),var(--brand-soft))}
.inv-studio .studio-top{background:var(--brand-primary)}
.inv-local{color:var(--brand-accent-light)}
.inv-tools>a{color:var(--brand-ink)}
.inv-section>summary{color:var(--brand-ink)}
.inv-section-title span{background:var(--brand-soft);color:var(--brand-ink)}
.inv-item{border:1px solid var(--brand-line)}
.inv-item-top strong{color:var(--brand-ink)}
.inv-item-top button{background:var(--brand-soft);color:var(--brand-ink)}
.inv-line-total{color:var(--brand-muted)}
.inv-add{color:var(--brand-ink)!important}
.inv-studio .primary{background:var(--brand-primary);border-color:var(--brand-primary)}
.inv-studio .primary:hover{background:var(--brand-primary)}
.inv-summary{border:1px solid var(--brand-line);background:var(--brand-soft)}
.inv-summary span{color:var(--brand-muted)}
.inv-summary strong{color:var(--brand-ink)}
.inv-math-status{color:var(--brand-muted)}
.inv-preview-toolbar{background:var(--brand-soft);border:1px solid var(--brand-line)}
.inv-preview-toolbar strong{color:var(--brand-ink)}
.inv-preview-toolbar span{color:var(--brand-muted)}
.inv-preview-scroll{background:var(--brand-soft);border:1px solid var(--brand-line)}
.inv-paper{--invoice-color:var(--brand-primary);color:var(--brand-ink);box-shadow:0 8px 25px rgba(var(--brand-primary-rgb),0.082)}
.inv-paper-head{border-bottom:1px solid var(--brand-line)}
.inv-paper-eyebrow{color:var(--brand-muted)}
.inv-parties span{color:var(--brand-muted)}
.inv-paper td{border-bottom:1px solid var(--brand-line)}
.inv-preview-totals>div{color:var(--brand-muted)}
.inv-preview-totals strong{color:var(--brand-ink)}
.inv-preview-totals .emphasis{background:var(--brand-soft)}
.inv-paper-foot{color:var(--brand-muted);border-top:1px solid var(--brand-line)}
.inv-paper.classic th{background:var(--brand-soft);color:var(--brand-ink);border-bottom:1px solid var(--brand-primary)}
.inv-paper.minimal th{color:var(--brand-ink);border-bottom:1px solid var(--brand-primary)}
.inv-export{border:1px solid var(--brand-line);background:var(--brand-soft)}
.inv-export>p{color:var(--brand-muted)}
.inv-studio button:focus-visible,.inv-tools a:focus-visible{outline:3px solid var(--brand-primary)}
.inv-hero h1{color:var(--brand-ink)}
.inv-studio{border:1px solid var(--brand-line);box-shadow:0 20px 60px rgba(var(--brand-primary-rgb),0.063)}
.inv-workflow{border-bottom:1px solid var(--brand-line);color:var(--brand-muted)}
.inv-workflow b{background:var(--brand-soft);color:var(--brand-ink)}
.inv-editor>.studio-panel{border:1px solid var(--brand-line)}
.inv-term-buttons{color:var(--brand-muted)}
.inv-term-buttons button{border:1px solid var(--brand-line);color:var(--brand-ink)}
.inv-term-buttons button:hover{background:var(--brand-soft)}
.inv-import{border:1px dashed var(--brand-line)}
.inv-import summary{color:var(--brand-ink)}
.inv-swatches button{box-shadow:0 0 0 1px var(--brand-line)}
.inv-swatches button:hover{box-shadow:0 0 0 2px var(--brand-primary)}
.inv-status-row{color:var(--brand-muted)}
.inv-status-badge{background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand-ink)}
.inv-readiness{border-left:3px solid var(--brand-primary);background:var(--brand-soft);color:var(--brand-ink)!important}
.inv-readiness.ready{border-color:var(--brand-primary);background:var(--brand-soft);color:var(--brand-ink)!important}
.inv-delivery{border-left:2px solid var(--brand-line)}
.inv-delivery strong{color:var(--brand-muted)}
.inv-export a.studio-btn{color:var(--brand-ink)}
.inv-studio input:disabled{background:var(--brand-soft);color:var(--brand-muted)}
.inv-preview-toolbar{background:var(--brand-soft)}
.ocr-eyebrow{color:var(--brand-muted)}
.ocr-hero h1{color:var(--brand-ink)}
.ocr-lead{color:var(--brand-muted)}
.ocr-pills span{border:1px solid var(--brand-line);color:var(--brand-muted)}
.ocr-hero-card{border:1px solid var(--brand-line);background:linear-gradient(145deg,var(--brand-soft),var(--brand-soft));box-shadow:0 18px 40px rgba(var(--brand-primary-rgb),0.078)}
.ocr-paper{border:1px solid var(--brand-line);box-shadow:0 12px 24px rgba(var(--brand-primary-rgb),0.102)}
.ocr-paper i{background:var(--brand-soft)}
.ocr-paper .ocr-highlight{border:2px solid var(--brand-primary);color:var(--brand-muted);background:var(--brand-soft)}
.ocr-shell{border:1px solid var(--brand-line);box-shadow:0 20px 45px rgba(var(--brand-primary-rgb),0.059)}
.ocr-work-head{border-bottom:1px solid var(--brand-line);background:linear-gradient(180deg,#fff,var(--brand-soft))}
.ocr-work-head strong{color:var(--brand-ink)}
.ocr-work-head small{color:var(--brand-muted)}
.ocr-drop{border:2px dashed var(--brand-line);background:linear-gradient(180deg,var(--brand-soft),var(--brand-soft))}
.ocr-drop.drag{border-color:var(--brand-primary);background:var(--brand-soft)}
.ocr-drop-icon{background:var(--brand-soft);color:var(--brand-muted)}
.ocr-drop h2{color:var(--brand-ink)}
.ocr-drop p{color:var(--brand-muted)}
.ocr-btn{border:1px solid var(--brand-line);color:var(--brand-ink)}
.ocr-btn:hover{border-color:var(--brand-line);background:var(--brand-soft)}
.ocr-btn.primary{background:var(--brand-primary);border-color:var(--brand-primary)}
.ocr-btn.primary:hover{background:var(--brand-primary)}
.ocr-file-card{border:1px solid var(--brand-line)}
.ocr-file-card small{color:var(--brand-muted)}
.ocr-tag{background:var(--brand-soft);color:var(--brand-muted)}
.ocr-card{border:1px solid var(--brand-line)}
.ocr-card h3{color:var(--brand-ink)}
.ocr-card>p{color:var(--brand-muted)}
.ocr-control label{color:var(--brand-muted)}
.ocr-control select,.ocr-control input[type=text],.ocr-control input[type=number]{border:1px solid var(--brand-line);color:var(--brand-ink)}
.ocr-control select:focus,.ocr-control input:focus{outline:2px solid rgba(var(--brand-primary-rgb),0.200);border-color:var(--brand-line)}
.ocr-check{color:var(--brand-muted)}
.ocr-lang{border:1px solid var(--brand-line);color:var(--brand-muted)}
.ocr-progress{border:1px solid var(--brand-line)}
.ocr-progress strong{color:var(--brand-ink)}
.ocr-progress small{color:var(--brand-muted)}
.ocr-track{background:var(--brand-soft)}
.ocr-track span{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary))}
.ocr-notice{background:var(--brand-soft);color:var(--brand-muted)}
.ocr-results{border-top:1px solid var(--brand-line)}
.ocr-stat{border:1px solid var(--brand-line)}
.ocr-stat b{color:var(--brand-ink)}
.ocr-stat span{color:var(--brand-muted)}
.ocr-pages{border:1px solid var(--brand-line)}
.ocr-page-btn{color:var(--brand-ink)}
.ocr-page-btn:hover{background:var(--brand-soft)}
.ocr-page-btn.active{border-color:var(--brand-line);background:var(--brand-soft)}
.ocr-page-num{background:var(--brand-soft)}
.ocr-page-btn.active .ocr-page-num{background:var(--brand-primary)}
.ocr-page-btn small{color:var(--brand-muted)}
.ocr-conf{background:var(--brand-soft);color:var(--brand-ink)}
.ocr-conf.low{background:var(--brand-soft);color:var(--brand-muted)}
.ocr-editor{border:1px solid var(--brand-line)}
.ocr-editor-head{border-bottom:1px solid var(--brand-line)}
.ocr-editor-head strong{color:var(--brand-ink)}
.ocr-editor textarea{color:var(--brand-ink)}
.ocr-low{border-top:1px solid var(--brand-line);color:var(--brand-muted)}
.ocr-low b{color:var(--brand-ink)}
.ocr-export{border:1px solid var(--brand-line);background:linear-gradient(180deg,#fff,var(--brand-soft))}
.ocr-export p{color:var(--brand-muted)}
.ocr-caveat{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-ink)}
.ocr-info-grid article{border:1px solid var(--brand-line)}
.ocr-info-grid span{color:var(--brand-muted)}
.ocr-info-grid p{color:var(--brand-muted)}
.ocr-stepbar span{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-muted)}
.ocr-stepbar b{background:var(--brand-soft);color:var(--brand-muted)}
.ocr-stepbar .active{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-muted)}
.ocr-stepbar .active b{background:var(--brand-primary)}
.ocr-privacy-line{color:var(--brand-muted)}
.ocr-camera-panel{border:1px solid var(--brand-line);background:var(--brand-primary)}
.ocr-password-card{border:1px solid var(--brand-line);background:var(--brand-soft)}
.ocr-password-card strong{color:var(--brand-ink)}
.ocr-password-card small{color:var(--brand-muted)}
.ocr-input,.ocr-lang-filter{border:1px solid var(--brand-line);color:var(--brand-ink)}
.ocr-card-accent{background:linear-gradient(155deg,#fff,var(--brand-soft))}
.ocr-card-accent:after{background:radial-gradient(circle,rgba(var(--brand-primary-rgb),0.078),transparent 70%)}
.ocr-card-title>span{background:var(--brand-soft);color:var(--brand-muted)}
.ocr-card-title p{color:var(--brand-muted)}
.ocr-control small{color:var(--brand-muted)}
.ocr-check-stack{border:1px solid var(--brand-line)}
.ocr-run-main{box-shadow:0 10px 22px rgba(var(--brand-primary-rgb),0.180)}
.ocr-results-head span{color:var(--brand-muted)}
.ocr-results-head h2{color:var(--brand-ink)}
.ocr-results-head p{color:var(--brand-muted)}
.ocr-preview-card{border:1px solid var(--brand-line)}
.ocr-preview-head{border-bottom:1px solid var(--brand-line)}
.ocr-preview-head strong{color:var(--brand-ink)}
.ocr-preview-head small{color:var(--brand-muted)}
.ocr-preview-tools label{color:var(--brand-muted)}
.ocr-preview-tools select{border:1px solid var(--brand-line);color:var(--brand-ink)}
.ocr-preview-stage{background-color:var(--brand-soft);background-image:linear-gradient(45deg,var(--brand-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--brand-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--brand-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--brand-soft) 75%)}
.ocr-preview-wrap img{box-shadow:0 8px 24px rgba(var(--brand-primary-rgb),0.102)}
.ocr-stat{box-shadow:0 8px 18px rgba(var(--brand-primary-rgb),0.039)}
@media (max-width:620px){.ocr-preview-tools label{border:1px solid var(--brand-line)}}
.pp{--pp-ink:var(--brand-primary);--pp-soft:var(--brand-soft);--pp-line:var(--brand-line);--pp-muted:var(--brand-muted);--pp-blue:var(--brand-primary);--pp-gold:var(--brand-accent);box-shadow:0 14px 44px rgba(var(--brand-primary-rgb),0.035)}
.pp button:focus-visible,.pp input:focus-visible,.pp select:focus-visible,.pp a:focus-visible,.pp summary:focus-visible,.pp-dialog button:focus-visible{outline:3px solid var(--brand-line)}
.pp a{color:var(--brand-muted)}
.pp-top{background:linear-gradient(110deg,var(--brand-soft),#fff 70%)}
.pp-eyebrow{color:var(--brand-muted)}
.pp-eyebrow>span{border:1px solid var(--brand-line);color:var(--brand-muted)}
.pp-top-tags span{border:1px solid var(--brand-line)}
.pp-projectbar{background:var(--brand-primary);color:var(--brand-accent-light)}
.pp-save-indicator i{background:var(--brand-primary)}
.pp-project-actions button{border:1px solid var(--brand-primary)}
.pp-steps{background:var(--brand-soft)}
.pp-steps>button{border-right:1px solid var(--brand-line)}
.pp-steps>button.is-current{background:var(--brand-soft)}
.pp-notice{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-ink)}
.pp-kicker{color:var(--brand-muted)}
.pp-textlink{color:var(--brand-muted)!important}
.pp-quick button{background:linear-gradient(180deg,#fff,var(--brand-soft))}
.pp-quick button.is-selected,.pp-quick button:hover{border-color:var(--brand-line);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),0.082);background:var(--brand-soft)}
.pp .pp-input,.pp select,.pp-fields input,.pp-fields select,.pp input[type=search]{border:1px solid var(--brand-line)}
.pp-spec-card{background:var(--brand-soft);border:1px solid var(--brand-line)}
.pp-facts span{border:1px solid var(--brand-line)}
.pp-caution{color:var(--brand-ink);background:var(--brand-soft);border:1px solid var(--brand-line)}
.pp-button{border:1px solid var(--brand-line);color:var(--brand-ink)!important}
.pp-button:hover:not(:disabled){background:var(--brand-soft);box-shadow:0 3px 9px rgba(var(--brand-primary-rgb),0.063)}
.pp-button.pp-primary{background:var(--brand-primary);border-color:var(--brand-primary)}
.pp-button.pp-primary:hover:not(:disabled){background:var(--brand-primary)}
.pp-upload{border:2px dashed var(--brand-line);background:var(--brand-soft)}
.pp-upload.drag{background:var(--brand-soft);border-color:var(--brand-primary)}
.pp-upload-symbol{background:var(--brand-soft);color:var(--brand-muted)}
.pp-tips>div{border-left:2px solid var(--brand-line)}
.pp-storage-choice{background:var(--brand-soft);border:1px solid var(--brand-line)}
.pp-capture{background:var(--brand-soft);border:1px solid var(--brand-line)}
.pp-video{background:var(--brand-primary)}
.pp-toolbar{background:var(--brand-soft);border:1px solid var(--brand-line)}
.pp-toolbar button[aria-pressed=true]{border-color:var(--brand-line);color:var(--brand-muted)!important;background:var(--brand-soft)}
.pp-stage{background:var(--brand-soft);background-image:linear-gradient(45deg,var(--brand-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--brand-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--brand-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--brand-soft) 75%)}
.pp-canvas-wrap>canvas{box-shadow:0 8px 24px rgba(var(--brand-primary-rgb),0.149)}
.pp-handles{border:2px solid var(--brand-primary)}
.pp-handle{background:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary),0 2px 5px rgba(var(--brand-primary-rgb),0.220)}
.pp #pp-brush-cursor{box-shadow:0 0 0 1px var(--brand-primary)}
.pp-loupe{box-shadow:0 5px 20px rgba(var(--brand-primary-rgb),0.220)}
.pp-operation{border-top:1px solid var(--brand-line);background:var(--brand-soft)}
.pp-operation button{border:1px solid var(--brand-line)}
.pp-tabs{background:var(--brand-soft);border:1px solid var(--brand-line)}
.pp-tabs button[aria-selected=true]{box-shadow:0 2px 6px rgba(var(--brand-primary-rgb),0.071);color:var(--brand-muted)}
.pp-control-block+.pp-control-block{border-top:1px solid var(--brand-line)}
.pp input[type=range]{accent-color:var(--brand-primary)}
.pp-range-label output{color:var(--brand-muted);background:var(--brand-soft)}
.pp-details{border:1px solid var(--brand-line)}
.pp-details>summary::marker{color:var(--brand-muted)}
.pp-nudge button{border:1px solid var(--brand-line)}
.pp-brushes button{border:1px solid var(--brand-line)}
.pp-brushes button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-muted)}
.pp #pp-refine{border-top:1px solid var(--brand-line)}
.pp-check{border:1px solid var(--brand-line)}
.pp-check i{background:var(--brand-primary)}
.pp-check.review i{background:var(--brand-primary)}
.pp-export-card{background:linear-gradient(180deg,#fff,var(--brand-soft))}
.pp-card-kicker{color:var(--brand-muted)}
.pp-result{border-top:1px solid var(--brand-line)}
.pp-result img{border:1px solid var(--brand-line)}
.pp-sheet-preview{background:var(--brand-soft)}
.pp-sheet-preview canvas{box-shadow:0 5px 18px rgba(var(--brand-primary-rgb),0.078)}
.pp-sheet-navigation button{border:1px solid var(--brand-line)}
.pp-pack{background:var(--brand-soft);border:1px solid var(--brand-line)}
.pp-bottom{background:var(--brand-soft)}
.pp-dialog{color:var(--brand-ink);border:1px solid var(--brand-line);box-shadow:0 28px 100px rgba(var(--brand-primary-rgb),0.251)}
.pp-dialog::backdrop{background:rgba(var(--brand-primary-rgb),0.600)}
.pp-dialog p{color:var(--brand-muted)}
.pp-dialog .pp-hint{color:var(--brand-muted)}
.pp-dialog strong{color:var(--brand-ink)}
.pp-dialog dd{color:var(--brand-muted)}
.pp .pp-edge-card{border:1px solid var(--brand-line);background:linear-gradient(155deg,var(--brand-soft),#fff)}
.pp .pp-edge-symbol{background:var(--brand-soft);color:var(--brand-muted)}
.pp .pp-edge-card p{color:var(--brand-muted)}
.pp .pp-button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-muted)}
.pp kbd,.pp-dialog kbd{border:1px solid var(--brand-line);color:var(--brand-ink)}
.pp .pp-checkline input{accent-color:var(--brand-primary)}
.pp .pp-edge-settings{border-top:1px solid var(--brand-line)}
.pp .pp-edge-settings input[type=range]{accent-color:var(--brand-primary)}
.pp .pp-inspection{border-top:1px solid var(--brand-line);background:var(--brand-soft)}
.pp .pp-inspection select{border:1px solid var(--brand-line);color:var(--brand-ink)}
.pp .pp-inspection span{color:var(--brand-muted)}
.pp-dialog .pp-shortcuts-table td{border-bottom:1px solid var(--brand-line)}
.pp #pp-bg-colour{border:1px solid var(--brand-line)}
.pp [data-brush]:focus-visible,.pp #pp-shortcuts:focus-visible{outline:3px solid var(--brand-line)}
.pp .pp-project-actions #pp-shortcuts{color:var(--brand-accent-light);border:1px solid var(--brand-primary)}
.pp .pp-hand-state{background:var(--brand-soft);color:var(--brand-muted)}
.pp .pp-preview-hint kbd{border:1px solid var(--brand-line)}
.pc{--ink:var(--brand-primary);--muted:var(--brand-muted);--line:var(--brand-line);--blue:var(--brand-primary)}
.pc :focus-visible{outline:3px solid var(--brand-line)}
.pc-eyebrow{color:var(--brand-muted)}
.pc-hero-card{background:linear-gradient(125deg,var(--brand-soft),var(--brand-soft))}
.pc-mini-sheet{border:1px solid var(--brand-line);box-shadow:0 9px 20px rgba(var(--brand-primary-rgb),0.063)}
.pc-mini-sheet i{background:var(--brand-soft)}
.pc-mini-arrow{color:var(--brand-muted)}
.pc-workspace{box-shadow:0 16px 40px rgba(var(--brand-primary-rgb),0.024)}
.pc-step-num{background:var(--brand-soft);color:var(--brand-muted)}
.pc-btn{border:1px solid var(--brand-line)}
.pc-upload{border:1px dashed var(--brand-line);background:var(--brand-soft)}
.pc-upload.drag{background:var(--brand-soft);border-color:var(--brand-primary)}
.pc-drop-hint{color:var(--brand-muted)}
.pc-file-badge{background:var(--brand-soft);color:var(--brand-muted);border:1px solid var(--brand-line)}
.pc-file-badge.b{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.pc select,.pc input:not([type=range]):not([type=checkbox]):not([type=file]),.pc textarea{border:1px solid var(--brand-line)}
.pc-advanced{background:var(--brand-soft)}
.pc-check{color:var(--brand-muted)}
.pc-notice{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-muted)}
.pc-progress{background:var(--brand-soft)}
.pc-password{border:1px solid var(--brand-line)}
.pc-password::backdrop{background:rgba(var(--brand-primary-rgb),0.639)}
.pc-pair.active{border-color:var(--brand-line);background:var(--brand-soft)}
.pc-view-tabs{background:var(--brand-soft)}
.pc-view-tabs button{border:1px solid var(--brand-line)}
.pc-view-tabs button[aria-selected=true]{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-muted)}
.pc-side-view{background:var(--brand-soft)}
.pc-page-scroll{background:var(--brand-soft)}
.pc-page-scroll canvas{box-shadow:0 3px 14px rgba(var(--brand-primary-rgb),0.078)}
.pc kbd{border:1px solid var(--brand-line);background:var(--brand-soft)}
.pc-loading{color:var(--brand-muted);background:var(--brand-soft)}
.pc-export{background:var(--brand-soft);border:1px solid var(--brand-line)}
.pc-info-cards span{color:var(--brand-muted)}
.pc-structure{background:var(--brand-soft)}
.pc-structure-card{border:1px solid var(--brand-line)}
.pc-page-scroll.diff canvas{background:var(--brand-primary)}
.pc-pair .pc-sim{color:var(--brand-muted)}
.pc-hero-card{background:radial-gradient(circle at 30% 30%,#fff 0,var(--brand-soft) 55%,var(--brand-soft) 100%)}
.rd{--rd-ink:var(--brand-primary);--rd-muted:var(--brand-muted);--rd-line:var(--brand-line);--rd-blue:var(--brand-primary)}
.rd :focus-visible{outline:3px solid var(--brand-line)}
.rd-eyebrow{color:var(--brand-muted)}
.rd-method{border:1px solid var(--brand-line);border-left:4px solid var(--brand-primary);background:var(--brand-soft)}
.rd-method p{color:var(--brand-muted)}
.rd-drop{border:1px dashed var(--brand-line);background:linear-gradient(145deg,#fff,var(--brand-soft))}
.rd-drop.drag{background:var(--brand-soft)}
.rd-file-symbol{background:var(--brand-soft)}
.rd-button,.rd-small{border:1px solid var(--brand-line)}
.rd-button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-muted)}
.rd-notice{border:1px solid var(--brand-line);background:var(--brand-soft)}
.rd-progress{background:var(--brand-soft)}
.rd-viewer,.rd-controls{box-shadow:0 12px 32px rgba(var(--brand-primary-rgb),0.031)}
.rd-navigation select{border:1px solid var(--brand-line)}
.rd-viewport{background:var(--brand-soft)}
.rd-paper{box-shadow:0 4px 18px rgba(var(--brand-primary-rgb),0.149)}
.rd kbd{background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand-ink)}
.rd-tabs{background:var(--brand-soft)}
.rd-tabs button{color:var(--brand-muted)}
.rd-tabs button[aria-selected=true]{color:var(--brand-muted);box-shadow:0 2px 6px rgba(var(--brand-primary-rgb),0.051)}
.rd-controls input:not([type=checkbox]),.rd-controls select,.rd-controls textarea,.rd-password input{border:1px solid var(--brand-line)}
.rd-check{color:var(--brand-muted)}
.rd-mark-item.active{background:var(--brand-soft);border-color:var(--brand-primary)}
.rd-hit strong{color:var(--brand-muted)}
.rd-review-note{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-ink)}
.rd-result{border:1px solid var(--brand-line);background:var(--brand-soft)}
.rd-output-dialog{border:1px solid var(--brand-line)}
.rd-output-dialog::backdrop{background:rgba(var(--brand-primary-rgb),0.651)}
.rd-output-scroll{background:var(--brand-soft)}
.rd-output-scroll canvas{box-shadow:0 4px 16px rgba(var(--brand-primary-rgb),0.141)}
.rd-output-review-actions{border-top:1px solid var(--brand-line)}
.studio-hero{background:radial-gradient(circle at 88% 16%,var(--brand-soft),transparent 33%),linear-gradient(130deg,var(--brand-soft),var(--brand-soft))}
.studio-hero.forms{background:radial-gradient(circle at 88% 16%,var(--brand-soft),transparent 33%),linear-gradient(130deg,var(--brand-soft),var(--brand-soft))}
.studio-hero p{color:var(--brand-muted)}
.studio-pills span{border:1px solid var(--brand-line);color:var(--brand-ink)}
.studio-zone{background:var(--brand-soft)}
.studio-shell{border:1px solid var(--brand-line);box-shadow:0 16px 45px rgba(var(--brand-primary-rgb),0.047)}
.studio-shell{color:var(--brand-ink)}
.studio-top{background:var(--brand-primary)}
.studio-top small{color:var(--brand-accent-light)}
.studio-drop{border:2px dashed var(--brand-line);background:var(--brand-soft)}
.studio-drop.drag{background:var(--brand-soft);border-color:var(--brand-primary)}
.studio-drop p{color:var(--brand-muted)}
.studio-drop:focus-within{outline:3px solid var(--brand-line)}
.studio-btn{border:1px solid var(--brand-line);color:var(--brand-ink)}
.studio-btn:hover{background:var(--brand-soft);border-color:var(--brand-line)}
.studio-btn.primary{background:var(--brand-primary);border-color:var(--brand-primary)}
.forms .studio-btn.primary{background:var(--brand-primary);border-color:var(--brand-primary)}
.studio-btn:focus-visible,.studio-shell input:focus-visible,.studio-shell select:focus-visible,.studio-shell textarea:focus-visible{outline:3px solid var(--brand-line)}
.studio-file-card{border:1px solid var(--brand-line);background:var(--brand-soft)}
.studio-file-card small{color:var(--brand-muted)}
.studio-panel{border:1px solid var(--brand-line)}
.studio-label input,.studio-label select,.studio-label textarea,.studio-grid input,.studio-grid select,.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{border:1px solid var(--brand-line);color:var(--brand-ink)}
.studio-check input{accent-color:var(--brand-primary)}
.studio-note{color:var(--brand-ink);background:var(--brand-soft)}
.studio-muted,.muted{color:var(--brand-muted)}
.studio-export{border:1px solid var(--brand-line);background:var(--brand-soft)}
.studio-notice{background:var(--brand-soft);color:var(--brand-ink);border:1px solid var(--brand-line)}
.studio-result{background:var(--brand-soft);border:1px solid var(--brand-line)}
.studio-track{background:var(--brand-soft)}
.studio-track span{background:var(--brand-primary)}
.ppt-page{border:1px solid var(--brand-line)}
.ppt-page.off{background:var(--brand-soft)}
.ppt-thumb{background:var(--brand-soft)}
.page-label input{accent-color:var(--brand-primary)}
.page-actions button{border:1px solid var(--brand-line)}
.studio-password input{border:1px solid var(--brand-line)}
.studio-dialog::backdrop{background:rgba(var(--brand-primary-rgb),0.769)}
.studio-count{color:var(--brand-muted)}
.form-field{border-bottom:1px solid var(--brand-line)}
.form-field small{color:var(--brand-muted)}
.form-field input[type=checkbox]{accent-color:var(--brand-primary)}
.field-page{color:var(--brand-muted)}
.form-preview-toolbar select{border:1px solid var(--brand-line)}
.form-canvas-wrap{background:var(--brand-soft)}
.form-canvas-wrap canvas{box-shadow:0 5px 20px rgba(var(--brand-primary-rgb),0.141)}
.overlay-item{border-bottom:1px solid var(--brand-line)}
.studio-bottom-copy{color:var(--brand-muted)}
.studio-divider{background:var(--brand-soft)}
.px-eyebrow{color:var(--brand-ink)}
.px-hero h1{color:var(--brand-ink)}
.px-hero p{color:var(--brand-muted)}
.px-hero-art{border:1px solid var(--brand-line);background:linear-gradient(145deg,var(--brand-soft),var(--brand-soft));box-shadow:0 18px 38px rgba(var(--brand-primary-rgb),0.078)}
.px-mini-sheet{border:1px solid var(--brand-line);box-shadow:0 12px 24px rgba(var(--brand-primary-rgb),0.078)}
.px-mini-sheet>*{border-right:1px solid var(--brand-line);border-bottom:1px solid var(--brand-line);color:var(--brand-muted)}
.px-mini-sheet b{background:var(--brand-soft);color:var(--brand-ink)}
.px-shell{border:1px solid var(--brand-line);box-shadow:0 20px 45px rgba(var(--brand-primary-rgb),0.059)}
.px-work-head{border-bottom:1px solid var(--brand-line);background:linear-gradient(180deg,#fff,var(--brand-soft))}
.px-work-head strong{color:var(--brand-ink)}
.px-work-head small{color:var(--brand-muted)}
.px-stepbar span{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-muted)}
.px-stepbar b{background:var(--brand-soft);color:var(--brand-ink)}
.px-stepbar .active{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-ink)}
.px-drop{border:2px dashed var(--brand-line);background:linear-gradient(180deg,var(--brand-soft),var(--brand-soft))}
.px-drop.drag{border-color:var(--brand-primary);background:var(--brand-soft)}
.px-drop-icon{background:var(--brand-soft);color:var(--brand-ink)}
.px-drop h2{color:var(--brand-ink)}
.px-drop p{color:var(--brand-muted)}
.px-drop small{color:var(--brand-muted)}
.px-btn{border:1px solid var(--brand-line);color:var(--brand-ink)}
.px-btn:hover{border-color:var(--brand-line);background:var(--brand-soft)}
.px-btn.primary{background:var(--brand-primary);border-color:var(--brand-primary)}
.px-btn.primary:hover{background:var(--brand-primary)}
.px-file-card,.px-password-card{border:1px solid var(--brand-line)}
.px-file-card small,.px-password-card small{color:var(--brand-muted)}
.px-file-card>span{background:var(--brand-soft);color:var(--brand-ink)}
.px-password-card input{border:1px solid var(--brand-line)}
.px-card{border:1px solid var(--brand-line);background:linear-gradient(160deg,#fff,var(--brand-soft))}
.px-card-title>span{background:var(--brand-soft);color:var(--brand-ink)}
.px-card h3{color:var(--brand-ink)}
.px-card p{color:var(--brand-muted)}
.px-grid>label{color:var(--brand-muted)}
.px-grid select,.px-grid input[type=text]{border:1px solid var(--brand-line);color:var(--brand-ink)}
.px-check{border:1px solid var(--brand-line)}
.px-run{box-shadow:0 10px 22px rgba(var(--brand-primary-rgb),0.161)}
.px-progress{border:1px solid var(--brand-line)}
.px-progress small{color:var(--brand-muted)}
.px-progress>div:last-child{background:var(--brand-soft)}
.px-progress span{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary))}
.px-notice{background:var(--brand-soft);color:var(--brand-muted)}
.px-results{border-top:1px solid var(--brand-line)}
.px-results-head span{color:var(--brand-ink)}
.px-results-head h2{color:var(--brand-ink)}
.px-results-head p{color:var(--brand-muted)}
.px-stats div{border:1px solid var(--brand-line)}
.px-stats b{color:var(--brand-ink)}
.px-stats span{color:var(--brand-muted)}
.px-table-list{border:1px solid var(--brand-line)}
.px-table-btn{color:var(--brand-ink)}
.px-table-btn:hover{background:var(--brand-soft)}
.px-table-btn.active{border-color:var(--brand-line);background:var(--brand-soft)}
.px-table-btn small{color:var(--brand-muted)}
.px-table-btn em{color:var(--brand-ink)}
.px-source,.px-editor{border:1px solid var(--brand-line)}
.px-source-head,.px-editor-head{border-bottom:1px solid var(--brand-line)}
.px-source-head small{color:var(--brand-muted)}
.px-source>p{color:var(--brand-muted)}
.px-source-stage{background:var(--brand-soft)}
.px-editor-head label{color:var(--brand-muted)}
.px-editor-head input[type=text]{border:1px solid var(--brand-line)}
.px-grid-scroll th,.px-grid-scroll td{border-right:1px solid var(--brand-line);border-bottom:1px solid var(--brand-line)}
.px-grid-scroll thead th{background:var(--brand-soft);color:var(--brand-ink)}
.px-grid-scroll tbody th{background:var(--brand-soft);color:var(--brand-muted)}
.px-grid-scroll td:focus{outline:2px solid rgba(var(--brand-primary-rgb),0.251);background:var(--brand-soft)}
.px-cell-tip{color:var(--brand-muted)}
.px-export{border:1px solid var(--brand-line);background:linear-gradient(180deg,#fff,var(--brand-soft))}
.px-export p{color:var(--brand-muted)}
.px-export aside{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-ink)}
.px-repair-bar{border:1px solid var(--brand-line);background:linear-gradient(135deg,var(--brand-soft),var(--brand-soft))}
.px-repair-bar label{color:var(--brand-ink)}
.px-repair-bar select{border:1px solid var(--brand-line);color:var(--brand-ink)}
.px-repair-bar span{color:var(--brand-muted)}
.px-btn.accent{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-muted)}
.px-btn.accent:hover{background:var(--brand-soft)}
.px-export aside{border-left:3px solid var(--brand-primary)}
.px-card-title span{box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),0.122)}
.qr-hero{background:radial-gradient(circle at 90% 10%,var(--brand-soft),transparent 35%),linear-gradient(125deg,var(--brand-soft),var(--brand-soft))}
.qr-studio .studio-top{background:var(--brand-primary)}
.qr-private{color:var(--brand-accent-light)}
.qr-section-title>span{background:var(--brand-soft);color:var(--brand-muted)}
.qr-types button{border:1px solid var(--brand-line);color:var(--brand-muted)}
.qr-types button>span{color:var(--brand-muted)}
.qr-types button[aria-pressed=true]{color:var(--brand-muted);background:var(--brand-soft);border:1.5px solid var(--brand-primary);box-shadow:0 3px 8px rgba(var(--brand-primary-rgb),0.039)}
.qr-types button:hover{border-color:var(--brand-primary)}
.qr-logo{border-top:1px solid var(--brand-line)}
.qr-studio .primary{background:var(--brand-primary);border-color:var(--brand-primary)}
.qr-studio .primary:hover{background:var(--brand-primary)}
.qr-preview{background:var(--brand-soft);border:1px solid var(--brand-line)}
.qr-paper{border:1px solid var(--brand-line);box-shadow:0 9px 25px rgba(var(--brand-primary-rgb),0.063)}
.qr-placeholder{border:1px dashed var(--brand-line);color:var(--brand-muted)}
.qr-placeholder-mark{color:var(--brand-accent-light)}
.qr-placeholder strong{color:var(--brand-muted)}
.qr-status{color:var(--brand-ink);background:var(--brand-soft);border:1px solid var(--brand-line)}
.qr-encoded textarea{border:1px solid var(--brand-line)}
.qr-print-tip{border-top:1px solid var(--brand-line)}
.qr-print-tip strong{color:var(--brand-muted)}
.qr-print-tip p{color:var(--brand-muted)}
.qr-extra-grid{border-top:1px solid var(--brand-line)}
.qr-studio .studio-btn:focus-visible,.qr-types button:focus-visible{outline:3px solid var(--brand-line)}
.qr-workspace-nav a{border:1px solid var(--brand-line);color:var(--brand-muted);background:var(--brand-soft)}
.qr-presets button{border:1px solid var(--brand-line);color:var(--brand-ink)}
.qr-camera-controls{border-top:1px solid var(--brand-line)}
.qr-camera-controls video{background:var(--brand-primary)}
.qr-faq{border-bottom:1px solid var(--brand-line)}
.qr-presets button:focus-visible,.qr-workspace-nav a:focus-visible{outline:3px solid var(--brand-line)}
.sign-panel{border:1px solid var(--line,var(--brand-line));box-shadow:0 10px 28px rgba(var(--brand-primary-rgb),0.051)}
.sign-panel p{color:var(--muted,var(--brand-muted))}
.sign-tab{border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-ink)}
.sign-tab.active{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-muted)}
.signature-pad-wrap{border:1px dashed var(--brand-line);background:linear-gradient(#fff,var(--brand-soft))}
.sign-mini-controls label,.sign-field label{color:var(--brand-ink)}
.sign-type-preview,.sign-upload-preview{border:1px dashed var(--brand-line);background:var(--brand-soft)}
.sign-type-preview span{color:var(--brand-ink)}
.sign-tools{border-top:1px solid var(--brand-line)}
.sign-page-counter{color:var(--brand-ink)}
.sign-stage-wrap{border:1px solid var(--brand-line);background:var(--brand-soft)}
.sign-stage{box-shadow:0 12px 34px rgba(var(--brand-primary-rgb),0.161)}
.sign-placement.selected{border-color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),0.051)}
.sign-resize-handle{background:var(--brand-primary)}
.sign-empty-editor{color:var(--brand-muted)}
.sign-empty-editor strong{color:var(--brand-ink)}
.sign-help div{background:var(--brand-soft);border:1px solid var(--brand-line)}
.sign-help span{color:var(--brand-muted)}
.sign-selected-note{color:var(--brand-muted)}
.sign-security-note{color:var(--brand-muted)}
.sign-toolbar-status{color:var(--brand-muted)}
.sign-loading{color:var(--brand-ink)}
:root{--ink:var(--brand-primary);--ink-2:var(--brand-primary);--navy:var(--brand-primary);--navy-2:var(--brand-primary);--gold:var(--brand-accent);--gold-2:var(--brand-accent-light);--blue:var(--brand-primary);--sky:var(--brand-soft);--canvas:var(--brand-soft);--line:var(--brand-line);--muted:var(--brand-muted);--shadow:0 18px 55px rgba(var(--brand-primary-rgb),0.102);--shadow-sm:0 9px 30px rgba(var(--brand-primary-rgb),0.078)}
:focus-visible{outline:3px solid rgba(var(--brand-primary-rgb),0.278)}
.site-header{border-bottom:1px solid rgba(var(--brand-line-rgb),0.851)}
.brand-mark{box-shadow:0 8px 25px rgba(var(--brand-primary-rgb),0.090)}
.nav-links>a,.nav-menu>button{color:var(--brand-ink)}
.nav-links>a:hover,.nav-links>a[aria-current="page"],.nav-menu>button:hover{background:var(--brand-soft)}
.mega-menu{box-shadow:0 28px 80px rgba(var(--brand-primary-rgb),0.180)}
.mega-col h3{color:var(--brand-muted)}
.mega-col a{color:var(--brand-ink)}
.mega-col a:hover{background:var(--brand-soft)}
.icon-btn:hover{background:var(--brand-soft)}
.hero{background:linear-gradient(145deg,var(--navy-2),var(--navy) 55%,var(--brand-primary))}
.hero:after{background:radial-gradient(circle,rgba(var(--brand-primary-rgb),0.278),rgba(var(--brand-primary-rgb),0.141) 45%,transparent 70%)}
.eyebrow{color:var(--brand-accent-light)}
.eyebrow .dot{box-shadow:0 0 0 5px rgba(var(--brand-line-rgb),0.102)}
.hero p{color:var(--brand-accent-light)}
.tool-search svg{color:var(--brand-muted)}
.tool-search .key{color:var(--brand-muted);border:1px solid var(--brand-line);background:var(--brand-soft)}
.search-results{box-shadow:0 24px 70px rgba(var(--brand-primary-rgb),0.220)}
.search-result:hover{background:var(--brand-soft)}
.hero-chip{color:var(--brand-accent-light)}
.hero-stat span{color:var(--brand-accent-light)}
.section-kicker{color:var(--brand-muted)}
.tool-card{box-shadow:0 2px 0 rgba(var(--brand-primary-rgb),0.020)}
.tool-card:hover{border-color:var(--brand-line)}
.tool-card:before{background:var(--card-glow,var(--brand-soft))}
.tool-icon{background:var(--icon-bg,var(--brand-soft));color:var(--icon-color,var(--brand-muted))}
.tool-card .card-meta{color:var(--brand-muted)}
.tool-card .arrow{background:var(--brand-soft)}
.category-card{background:linear-gradient(145deg,var(--navy),var(--brand-primary))}
.category-card:nth-child(2){background:linear-gradient(145deg,var(--brand-primary),var(--brand-primary))}
.category-card:nth-child(3){background:linear-gradient(145deg,var(--brand-primary),var(--brand-primary))}
.category-card:nth-child(4){background:linear-gradient(145deg,var(--brand-primary),var(--brand-primary))}
.category-card .count{color:var(--brand-accent-light)}
.category-card p{color:var(--brand-accent-light)}
.category-card .mini-links span{color:var(--brand-accent-light)}
.converter-pill:hover{border-color:var(--brand-line);box-shadow:0 8px 26px rgba(var(--brand-primary-rgb),0.078)}
.cta-panel{background:linear-gradient(135deg,var(--navy-2),var(--brand-primary))}
.cta-panel:after{background:radial-gradient(circle,rgba(var(--brand-primary-rgb),0.341),transparent 65%)}
.cta-panel p{color:var(--brand-accent-light)}
.btn-primary:hover{background:var(--brand-primary)}
.btn-gold{color:var(--brand-ink)}
.btn-gold:hover{background:var(--brand-soft)}
.btn-outline:hover{background:var(--brand-soft)}
.page-hero{background:linear-gradient(180deg,var(--brand-soft),#fff)}
.page-hero:after{background:radial-gradient(circle,rgba(var(--brand-primary-rgb),0.122),rgba(var(--brand-primary-rgb),0.102),transparent 68%)}
.breadcrumbs{color:var(--brand-muted)}
.breadcrumbs span.sep{color:var(--brand-accent-light)}
.trust-badge{color:var(--brand-muted)}
.workspace-top{background:linear-gradient(180deg,#fff,var(--brand-soft))}
.dropzone{border:1.5px dashed var(--brand-line);background:linear-gradient(180deg,var(--brand-soft),var(--brand-soft))}
.dropzone.drag{background:var(--brand-soft)}
.dropzone .drop-icon{background:var(--brand-soft)}
.control label{color:var(--brand-muted)}
.input,.select,.textarea{border:1px solid var(--brand-line)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-line);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),0.078)}
.file-row{border-bottom:1px solid var(--brand-line)}
.file-row .tag{background:var(--brand-soft);color:var(--brand-muted)}
.file-row .mini-btn{background:var(--brand-soft)}
.result-panel{background:var(--brand-soft);border:1px solid var(--brand-line)}
.result-panel p{color:var(--brand-muted)}
.preview-card h3{color:var(--brand-muted)}
.preview-card img,.preview-card canvas,.preview-card video{background:var(--brand-soft)}
.code-output{background:var(--brand-primary);color:var(--brand-accent-light)}
.article p,.article li{color:var(--brand-muted)}
.article th{background:var(--brand-soft);color:var(--brand-ink)}
.info-box{background:var(--brand-soft);color:var(--brand-muted)}
.faq summary:after{color:var(--brand-muted)}
.sidebar-links a{background:var(--brand-soft);color:var(--brand-muted)}
.sidebar-links a:hover{background:var(--brand-soft)}
.filter-btn{color:var(--brand-muted)}
.site-footer{background:var(--brand-primary);color:var(--brand-accent-light)}
.footer-brand p{color:var(--brand-muted)}
.site-footer h3{color:var(--brand-muted)}
.footer-links a{color:var(--brand-accent-light)}
.footer-bottom{color:var(--brand-muted)}
.toast{background:var(--brand-primary)}
.crop-stage{background:var(--brand-soft)}
.pdf-page canvas{background:var(--brand-soft)}
.pdf-page button{background:var(--brand-soft)}
.video-box video{background:var(--brand-primary)}
.progress{background:var(--brand-soft)}
@media  (max-width:820px){.nav-links.mobile-open{box-shadow:0 18px 36px rgba(var(--brand-primary-rgb),0.122)}
.nav-links.mobile-open .mega-menu{background:var(--brand-soft)}}
.feedback-fab{background:var(--brand-primary);box-shadow:0 14px 34px rgba(var(--brand-primary-rgb),0.220)}
.feedback-fab:hover{box-shadow:0 18px 42px rgba(var(--brand-primary-rgb),0.278)}
.feedback-fab span:first-child{color:var(--brand-muted)}
.feedback-backdrop{background:rgba(var(--brand-primary-rgb),0.580)}
.feedback-dialog{box-shadow:0 28px 90px rgba(var(--brand-primary-rgb),0.322)}
.feedback-close{background:var(--brand-soft)}
.feedback-form-grid>label>span:first-child{color:var(--brand-muted)}
.feedback-check{background:var(--brand-soft)}
.feedback-check span{color:var(--brand-muted)!important}
.feedback-privacy-note{background:var(--brand-soft);color:var(--brand-ink)}
.site-feedback-strip{background:linear-gradient(135deg,var(--brand-soft),var(--brand-soft))}
.site-feedback-icon{background:var(--brand-primary);color:var(--brand-muted)}
.site-feedback-copy p{color:var(--brand-muted)}
.site-feedback-copy a{color:var(--brand-muted)}
.feedback-file-box{border:1px dashed var(--brand-line);background:var(--brand-soft)}
.feedback-file-box:hover{border-color:var(--brand-primary);background:var(--brand-soft)}
.feedback-file-icon{background:var(--brand-soft);color:var(--brand-muted)}
.feedback-file-copy small{color:var(--brand-muted)}
.watermark-live-preview-row{border:1px solid var(--brand-line);background:linear-gradient(135deg,var(--brand-soft),var(--brand-soft))}
.watermark-live-toggle input{accent-color:var(--brand-primary)}
.watermark-live-toggle small{color:var(--brand-muted)}
.watermark-live-state{background:var(--brand-soft);color:var(--brand-muted)}
.watermark-live-state.updating{background:var(--brand-soft);color:var(--brand-ink)}
.watermark-live-state.ready{background:var(--brand-soft);color:var(--brand-ink)}
.watermark-live-state.paused{background:var(--brand-soft);color:var(--brand-muted)}
.watermark-preview.is-updating:after{background:rgba(var(--brand-primary-rgb),0.878);box-shadow:0 8px 24px rgba(var(--brand-primary-rgb),0.149)}
.metric{background:var(--brand-soft);color:var(--brand-muted)}
.diagnostic-grid>span{background:var(--brand-soft)}
.conversion-mode-card{border:1px solid var(--line,var(--brand-line))}
.conversion-mode-card:hover{border-color:var(--brand-line);box-shadow:0 8px 22px rgba(var(--brand-primary-rgb),0.071)}
.conversion-mode-card:has(input:checked){border-color:var(--brand-line);background:var(--brand-soft);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),0.078)}
.conversion-mode-card input{accent-color:var(--brand-primary)}
.conversion-mode-card strong{color:var(--brand-ink)}
.conversion-mode-card small{color:var(--brand-muted)}
.tool-options{border:1px solid var(--line,var(--brand-line));background:var(--brand-soft)}
.tool-options label{color:var(--brand-ink)}
.tool-options small{color:var(--brand-muted)}
.conversion-progress-track{background:var(--brand-soft)}
.conversion-progress-track span{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary))}
.conversion-progress small{color:var(--brand-muted)}
.pdf-image-result{border:1px solid var(--brand-line)}
.pdf-image-thumb{background:var(--brand-soft)}
.pdf-images-result{background:var(--brand-soft)}
.watermark-preview{background:var(--brand-soft)}
.watermark-preview canvas{box-shadow:0 8px 24px rgba(var(--brand-primary-rgb),0.102)}
.bg-refine{background:linear-gradient(180deg,var(--brand-soft),var(--brand-soft))}
.bg-refine-head .eyebrow{color:var(--brand-muted)}
.bg-refine-state{background:var(--brand-soft);color:var(--brand-ink)}
.bg-refine-state.busy{background:var(--brand-soft);color:var(--brand-ink)}
.bg-refine-mode .btn.is-active{background:var(--brand-primary);border-color:var(--brand-primary)}
.bg-refine-range output{color:var(--brand-muted)}
.bg-refine-range input{accent-color:var(--brand-primary)}
.bg-refine-help{background:var(--brand-soft);border-bottom:1px solid var(--brand-line);color:var(--brand-ink)}
.bg-refine-stage{background-color:var(--brand-soft);background-image:linear-gradient(45deg,var(--brand-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--brand-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--brand-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--brand-soft) 75%)}
.bg-refine-canvas-wrap canvas{box-shadow:0 10px 30px rgba(var(--brand-primary-rgb),0.161)}
.bg-refine-brush-cursor{box-shadow:0 0 0 1px rgba(var(--brand-primary-rgb),0.749),0 2px 8px rgba(var(--brand-primary-rgb),0.251)}
.wr{--wr-ink:var(--brand-primary);--wr-muted:var(--brand-muted);--wr-line:var(--brand-line);--wr-blue:var(--brand-primary)}
.wr-eyebrow{color:var(--brand-muted)}
.wr-workspace{box-shadow:0 18px 44px rgba(var(--brand-primary-rgb),0.039)}
.wr-mode{background:var(--brand-soft)}
.wr-mode button[aria-selected=true]{box-shadow:0 2px 7px rgba(var(--brand-primary-rgb),0.071)}
.wr input[type=url],.wr input[type=text]{border:1px solid var(--brand-line)}
.wr-button{border:1px solid var(--brand-line)}
.wr-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),0.094)}
.wr :focus-visible{outline:3px solid var(--brand-line)}
.wr-disclosure{background:var(--brand-soft)}
.wr-notice{background:var(--brand-soft)}
.wr-progress{background:var(--brand-soft)}
.wr-loader{border:2px solid var(--brand-line)}
.wr-index{border:1px solid var(--brand-line);background:linear-gradient(135deg,var(--brand-soft),#fff)}
.wr-tabs button[aria-pressed=true]{background:var(--brand-primary);border-color:var(--brand-primary)}
.wr-tag{background:var(--brand-soft);color:var(--brand-muted)}
.wr-tag.review{background:var(--brand-soft);color:var(--brand-ink)}
.wr-finding p.wr-evidence{background:var(--brand-soft);color:var(--brand-ink)}
.wr-finding .wr-weight{color:var(--brand-muted)}
.wr-limits{background:var(--brand-soft)}
.wr-upload-box{background:var(--brand-soft);border:1px dashed var(--brand-line)}
@media  print{body.wr-print .wr-url{color:var(--brand-ink)}}
.wr textarea{border:1px solid var(--brand-line)}
.wr-locator{color:var(--brand-muted)}
:root{--ink:var(--brand-ink);--ink-2:#243451;--navy:var(--brand-primary);--navy-2:#0d1730;--gold:var(--brand-accent);--gold-2:var(--brand-accent-light);--blue:var(--brand-primary);--sky:var(--brand-soft);--paper:var(--brand-paper);--line:var(--brand-line);--muted:var(--brand-muted);--success:#1b694f;--danger:#a72d37}
.brand-text span:last-child{color:var(--brand-gold-ink)}
.site-footer .brand-text span:last-child{color:var(--brand-accent-light)}
:focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px}
.hero{background:linear-gradient(140deg,#0d1730,var(--brand-primary) 70%,#243451)}
.hero:after{background:radial-gradient(circle,rgba(205,167,96,.23),transparent 70%)}
.category-card,.category-card:nth-child(2),.category-card:nth-child(3),.category-card:nth-child(4){background:linear-gradient(145deg,#0d1730,var(--brand-primary));border-top:3px solid var(--brand-accent)}
.tool-card{--card-glow:var(--brand-soft)!important;--icon-bg:var(--brand-soft)!important;--icon-color:var(--brand-primary)!important}
.tool-icon{background:var(--brand-soft);color:var(--brand-primary)}
.btn-primary,.btn-dark{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}
.btn-primary:hover,.btn-dark:hover{background:#243451;color:#fff}
.btn-gold{background:var(--brand-accent-light);color:var(--brand-primary)}
.section-kicker,.px-eyebrow,.ocr-eyebrow,.wr-eyebrow{color:var(--brand-gold-ink)}
.page-hero,.studio-hero,.studio-hero.forms,.qr-hero,.inv-hero{background:radial-gradient(circle at 88% 5%,rgba(205,167,96,.15),transparent 40%),linear-gradient(135deg,#f6f8fc,#fffdf6)}
.studio-top,.qr-studio .studio-top,.inv-studio .studio-top{background:var(--brand-primary);color:#fff;border-top:3px solid var(--brand-accent)}
.studio-btn.primary,.qr-studio .primary,.inv-studio .primary,.px-btn.primary,.ocr-btn.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.studio-btn.primary:hover,.qr-studio .primary:hover,.inv-studio .primary:hover,.px-btn.primary:hover,.ocr-btn.primary:hover{background:#243451;border-color:#243451;color:#fff}
.studio-btn.green{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.studio-shell input[type=checkbox],.studio-shell input[type=radio],.form-field input[type=checkbox],.page-label input{accent-color:var(--brand-primary)}
.inv-paper{--invoice-color:#14203a}.inv-swatches button{background:var(--swatch)}
.qr-types button[aria-pressed=true],.qr-types button.active{border-color:var(--brand-primary);background:var(--brand-soft);color:var(--brand-primary)}
.inv-local,.qr-private{color:var(--brand-accent-light);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15)}
.inv-hero h1{color:var(--brand-ink)}