/* OfficeToPDF Colorful Bento. UI chrome only: document canvases retain original colours. */
:root:root{--b-ink:#122e30;--b-muted:#526e70;--b-bg:#f5f8f7;--b-panel:#fff;--b-line:#d6e5e2;--b-mint:#dcf6e8;--b-aqua:#d7f4f5;--b-peach:#ffead5;--b-lilac:#ece8fc;--b-yellow:#faf0c9;--b-accent:#07877c;--b-dark:#133a3a;--b-input:#f8fbfa;--b-preview:#e6eeec;--b-shadow:0 8px 28px #153b3426;--rd-blue:var(--b-accent);--rd-ink:var(--b-ink);--rd-muted:var(--b-muted);--rd-bg:var(--b-bg);--rd-surface:var(--b-panel);--rd-line:var(--b-line);--bg:var(--b-bg);--panel:var(--b-panel);--text:var(--b-ink);--ink:var(--b-ink);--mute:var(--b-muted);--muted:var(--b-muted);--line:var(--b-line);--blue:var(--b-accent);--brand:var(--b-accent);--grad:linear-gradient(145deg,#164645,#082928);background:var(--b-bg);color:var(--b-ink)}
html:root[data-studio-theme=dark],html:root[data-color-mode=dark],html:root:has(body[data-theme=dark]),html:root[data-theme=dark]{--b-ink:#e4f4ed;--b-muted:#adc8c1;--b-bg:#0e2022;--b-panel:#193032;--b-line:#365653;--b-mint:#20463b;--b-aqua:#1c4147;--b-peach:#4b382a;--b-lilac:#35334b;--b-yellow:#443e26;--b-accent:#67dfc9;--b-dark:#a2edda;--b-input:#142a2b;--b-preview:#102628;--b-shadow:0 8px 28px #0004;color-scheme:dark}
body.bento-ui{background:var(--b-bg)!important;color:var(--b-ink)!important;font-family:Inter,'Segoe UI',Arial,sans-serif}
.bento-ui>main,.bento-ui main[data-view]{--accent:var(--b-accent);--accent-dark:var(--b-dark);--ink:var(--b-ink);--muted:var(--b-muted);--tint:var(--b-mint);--drop:var(--b-input);--page:var(--b-bg);--border:var(--b-line);--dash:#94c9bb;color:var(--b-ink)}
.bento-ui h1,.bento-ui h2,.bento-ui h3{color:var(--b-ink);letter-spacing:-.035em}.bento-ui p,.bento-ui .muted,.bento-ui .hint,.bento-ui .lead{color:var(--b-muted)}
.bento-ui a{color:var(--b-accent)}
.bento-ui :is(button,select,input,textarea){font-family:inherit}
.bento-ui :is(button,select,input:not([type=file]):not([type=checkbox]):not([type=range]):not([type=color]),textarea){border-color:var(--b-line)!important;border-radius:12px;color:var(--b-ink);background:var(--b-input)}
.bento-ui button{box-shadow:0 2px 0 #153a3005;transition:background .18s,border-color .18s,box-shadow .18s}
.bento-ui button:not(:disabled):hover{background:var(--b-mint);border-color:var(--b-accent)!important}
.bento-ui :is(button.primary,button.pri,.primary,#apply,#download,#export,#scanSave,.rd-upload-button,#userManualDone){background:linear-gradient(145deg,#164645,#092a2a)!important;color:#fff!important;border-color:#193d3c!important;box-shadow:0 4px 12px #143a3520;border-radius:999px}
.bento-ui :is(button[aria-pressed=true],button.on,a[aria-current=page]){background:var(--b-mint)!important;color:var(--b-ink)!important;border-color:var(--b-accent)!important}
.bento-ui :is(input[type=checkbox],input[type=range],progress){accent-color:var(--b-accent)}
.bento-ui input::file-selector-button{background:#143c3b;color:#fff;border:0;border-radius:9px;padding:9px 12px}
.bento-ui :focus-visible{outline:3px solid var(--b-accent)!important;outline-offset:3px}
.bento-ui :is(.card,.panel,.ocr-card,.scan-source,.scan-pages,.scan-editor,.scan-export,.identity-side,.preview-panel,.properties,.sidebar,.tool-preview){border:1px solid var(--b-line);border-radius:22px;background:var(--b-panel)!important;box-shadow:0 4px 18px #173f3506;color:var(--b-ink)}
.bento-ui :is(.drop,.rd-drop,.upload-card){background:linear-gradient(130deg,var(--b-mint),var(--b-aqua))!important;border:1.5px dashed #81b9ac!important;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff90}
.bento-ui :is(.drop,.rd-drop).over{background:var(--b-mint)!important;outline:3px solid var(--b-accent)}
.bento-ui :is(.settings,.ocr-settings,.export-options,.edit-controls,#settings,.lock-grid){background:var(--b-input);border:1px solid var(--b-line);padding:18px;border-radius:17px;gap:14px}
.bento-ui :is(.settings,.ocr-settings,.export-options,.edit-controls,#settings,.lock-grid) label{color:var(--b-ink);min-width:0}
.bento-ui :is(.preview-surround,.preview-panel,.compare-side,.viewer,#largePreviewStage,.crop-stage){background:var(--b-preview)!important;border-color:var(--b-line)!important;border-radius:18px}
.bento-ui :is(.note,.ocr-note,.tool-note,.info-card,.feedback-security-note,.manual-tip){background:var(--b-aqua)!important;color:var(--b-ink)!important;border-color:var(--b-line)!important;border-radius:14px}
.bento-ui :is(.badge,.home-local-badge,.new-badge,.tool-new-badge){background:var(--b-mint)!important;color:var(--b-ink)!important;border-color:var(--b-line)!important}
.bento-ui :is(#notice,#error,#scanError,.merge-source-error,.manual-note){color:#8e3325!important;background:#fff0e7!important;border:1px solid #f1c4ae;border-radius:12px;padding:12px}
.bento-ui :is(#notice,#error,#scanError):empty{display:none}
.bento-ui :is(#toolStatus,#advancedStatus,#ocrPageStatus,#scanStatus,#status,.draft-status){color:var(--b-accent)}
.bento-ui :is(.download-link,.ocr-download,#toolDownloads a,#advancedDownload,#scanDownload){background:var(--b-mint)!important;color:var(--b-ink)!important;border:1px solid var(--b-line);border-radius:12px}
.bento-ui .office-task{background:linear-gradient(125deg,var(--b-panel),var(--b-aqua))!important;border-color:var(--b-line);border-radius:20px;box-shadow:var(--b-shadow)}
.bento-ui .office-task[data-state=done]{background:var(--b-mint)!important}.bento-ui .office-task[data-state=failed]{background:var(--b-peach)!important}.bento-ui .office-task[data-state=cancelled]{background:var(--b-lilac)!important}
.bento-ui .draft-banner{background:var(--b-yellow)!important;border-color:var(--b-line);border-radius:18px;color:var(--b-ink)}
.bento-ui dialog{color:var(--b-ink)!important;background:var(--b-panel)!important;border:1px solid var(--b-line)!important;border-radius:24px!important;box-shadow:0 24px 90px #102d3a40}
.bento-ui dialog::backdrop{background:#122e3266;backdrop-filter:blur(7px)}
.bento-ui dialog :is(.manual-heading,.privacy-heading,.rd-review-dialog-heading){background:var(--b-panel)!important;color:var(--b-ink)}
.bento-ui dialog :is(p,li,summary,label,h2,h3){color:var(--b-ink)!important}
.bento-ui dialog details{border-color:var(--b-line)!important;border-radius:14px!important}
.bento-ui :is(table th,table td){border-color:var(--b-line);color:var(--b-ink)}
.bento-ui .tablewrap{border-radius:16px;border:1px solid var(--b-line)}
.bento-ui th{background:var(--b-input)}
/* Main shell and home: keep original catalog dimensions and six-tool ranking. */
body.bento-ui[data-page=home]>main{max-width:1440px;padding:0 clamp(16px,3vw,44px)}
.bento-ui main .top-tools{margin:20px 0 24px;min-height:76px;padding:15px 22px;border:1px solid var(--b-line);border-radius:999px;background:var(--b-panel)!important;box-shadow:0 3px 18px #153e3405;gap:18px}
.bento-ui main .top-tools .ui-brand{font-size:25px!important;color:var(--b-ink)!important}.bento-ui main .ui-brand :is(svg,em){color:var(--b-accent)!important}
.bento-ui main .rd-nav button{color:var(--b-ink)!important}.bento-ui main .rd-nav button:hover{background:var(--b-mint)!important}
.bento-ui main .ui-home-intro.rd-home{padding:44px 30px 24px;border:1px solid var(--b-line);border-radius:30px;background:radial-gradient(ellipse at 20% 10%,#b7eee2aa,transparent 65%),linear-gradient(135deg,var(--b-mint),var(--b-aqua) 60%,var(--b-peach));overflow:hidden}
.bento-ui .rd-hero-copy h1{font-size:clamp(32px,4.1vw,58px)!important;font-weight:650;letter-spacing:-.055em!important;color:var(--b-ink)!important}.bento-ui .rd-hero-copy h1 span{color:var(--b-accent)!important}
.bento-ui main .rd-hero-copy p{color:var(--b-muted);font-size:17px!important}
.bento-ui .rd-drop{background:#ffffffa8!important;box-shadow:0 12px 40px #185d4520,inset 0 1px 0 #fff!important;border-color:#fff!important}
.bento-ui .rd-cloud{color:var(--b-accent)}.bento-ui .rd-blob{background:#b9e9df}.bento-ui .rd-upload-aside{color:var(--b-ink)}
.bento-ui .rd-trust-strip{border-color:var(--b-line);border-radius:16px;background:#ffffff70}
.bento-ui .rd-trust-icon{color:var(--b-accent)!important;background:var(--b-panel)}
.bento-ui :is(.rd-tool,#toolTabs>[data-tool],#toolTabs>a){background:var(--b-panel)!important;color:var(--b-ink)!important;border:1px solid var(--b-line)!important;border-radius:20px!important;box-shadow:inset 0 1px 0 #fff8,0 4px 15px #143e3607}
.bento-ui :is(.rd-tool,#toolTabs>[data-tool],#toolTabs>a):nth-child(6n+1){background:linear-gradient(135deg,var(--b-mint),var(--b-panel))!important}
.bento-ui :is(.rd-tool,#toolTabs>[data-tool],#toolTabs>a):nth-child(6n+2){background:linear-gradient(135deg,var(--b-aqua),var(--b-panel))!important}
.bento-ui :is(.rd-tool,#toolTabs>[data-tool],#toolTabs>a):nth-child(6n+3){background:linear-gradient(135deg,var(--b-peach),var(--b-panel))!important}
.bento-ui :is(.rd-tool,#toolTabs>[data-tool],#toolTabs>a):nth-child(6n+4){background:linear-gradient(135deg,var(--b-lilac),var(--b-panel))!important}
.bento-ui :is(.rd-tool,#toolTabs>[data-tool],#toolTabs>a):nth-child(6n+5){background:linear-gradient(135deg,var(--b-yellow),var(--b-panel))!important}
.bento-ui :is(.rd-tool,#toolTabs>[data-tool],#toolTabs>a):hover{border-color:var(--b-accent)!important;box-shadow:0 8px 22px #153e3515}
.bento-ui :is(.rd-tool-icon,.rd-tool-arrow,.typeIcon){border-radius:13px!important}
.bento-ui :is(.rd-why,.rd-reviews,.spa9-feature){border:1px solid var(--b-line);border-radius:25px!important;background:var(--b-panel)!important;color:var(--b-ink)}
.bento-ui .rd-benefit{background:var(--b-mint)!important;border-radius:19px;border-color:var(--b-line)}.bento-ui .rd-benefit:nth-child(2){background:var(--b-peach)!important}.bento-ui .rd-benefit:nth-child(3){background:var(--b-aqua)!important}
.bento-ui :is(.rd-review-card,.rd-review-cards>article){background:var(--b-input)!important;border-color:var(--b-line);border-radius:18px}
.bento-ui .rd-ad-banner{border-radius:20px;background:var(--b-lilac)!important;color:var(--b-ink)!important;border-color:var(--b-line)}
.bento-ui main[data-view=tool] .ui-work-navigation{background:linear-gradient(110deg,var(--b-aqua),var(--b-mint));border:1px solid var(--b-line);border-radius:20px;padding:20px}
/* Dedicated PDF tools, OCR, scan, guides, and annotations. */
.bento-ui:not([data-page])>header,.bento-ui[data-page=scan] header,.bento-ui[data-page=edit] header{background:var(--b-panel)!important;border:1px solid var(--b-line);border-radius:24px;padding:16px 24px;margin:18px auto;max-width:1280px;color:var(--b-ink)}
.bento-ui :is(.brand,.scan-brand,.ocr-brand){color:var(--b-ink)!important}.bento-ui :is(.eyebrow,.brand span,.scan-brand span){color:var(--b-accent)!important}
.bento-ui :is(.scan-intro,.hero:not(#home .hero)){background:linear-gradient(120deg,var(--b-mint),var(--b-aqua));border:1px solid var(--b-line);border-radius:24px;padding:28px 20px}
.bento-ui .toolnav a{background:var(--b-panel)!important;border-color:var(--b-line);border-radius:999px;color:var(--b-ink)}
.bento-ui .toolnav a[aria-current=page]{background:var(--b-mint)!important;color:var(--b-ink)!important;border-color:var(--b-accent)}
.bento-ui .upload.panel{background:linear-gradient(135deg,var(--b-mint),var(--b-aqua))!important}
.bento-ui :is(.toolbar,.pagebar,.worktop){background:var(--b-panel);color:var(--b-ink);border-color:var(--b-line)}
.bento-ui .toolbar{border-radius:20px 20px 0 0}.bento-ui .editor{border-color:var(--b-line);border-radius:0 0 20px 20px}
.bento-ui :is(.sidebar,.properties){border-radius:0;border-color:var(--b-line)}
.bento-ui :is(.sidebar button,.page-thumb){background:var(--b-input)!important;color:var(--b-ink)}
.bento-ui :is(.page-thumb[aria-pressed=true],.sidebar button[aria-current=page]){background:var(--b-mint)!important;border-color:var(--b-accent)!important}
.bento-ui :is(.ocr-card,.scan-export){background:linear-gradient(150deg,var(--b-panel) 60%,var(--b-mint))!important}
.bento-ui .steps b{background:var(--b-mint);color:var(--b-ink)}
/* OpenYouDesign: home, tools, library, inspector, canvas surround, dialogs. */
.bento-ui[data-page=design]{--bg:var(--b-bg);--ink:var(--b-ink);--mute:var(--b-muted);--line:var(--b-line);--brand:var(--b-accent);--panel:var(--b-panel)}
.bento-ui[data-page=design] :is(#top,#tools,#library,#side,#contextbar,#pagebar,#workspaceFooter){background:var(--b-panel)!important;color:var(--b-ink)!important;border-color:var(--b-line)!important}
.bento-ui[data-page=design] #top{box-shadow:0 3px 18px #143e3410}
.bento-ui[data-page=design] :is(#stage,#workspace){background:var(--b-preview)!important}
.bento-ui[data-page=design] #stage{background:radial-gradient(var(--b-line) 1px,transparent 1px) 0 0/20px 20px,var(--b-preview)!important}
.bento-ui[data-page=design] :is(.brand-mark,.logo i){background:linear-gradient(135deg,#16bea4,#80dac5)!important}
.bento-ui[data-page=design] :is(#tools button.on,.text-categories button.on,.home-rail button.on){background:var(--b-mint)!important;color:var(--b-ink)!important}
.bento-ui[data-page=design] :is(.studio-feature-card,.upload-card,.text-style,.custom-text-card,.info-card){background:var(--b-input)!important;border-color:var(--b-line)!important;color:var(--b-ink)}
.bento-ui[data-page=design] #home{background:var(--b-bg)!important;color:var(--b-ink)!important}
.bento-ui[data-page=design] :is(.home-rail,.hn){background:var(--b-panel)!important;border-color:var(--b-line)!important;color:var(--b-ink)!important}
.bento-ui[data-page=design] #home .hero{background:linear-gradient(125deg,var(--b-mint),var(--b-aqua),var(--b-peach))!important;border:1px solid var(--b-line);border-radius:26px;color:var(--b-ink)!important}
.bento-ui[data-page=design] :is(.tile,.tpl){border-radius:18px!important;border-color:var(--b-line)!important;background:var(--b-panel)!important;color:var(--b-ink)!important}
.bento-ui[data-page=design] .tile:nth-child(4n+1){background:var(--b-mint)!important}.bento-ui[data-page=design] .tile:nth-child(4n+2){background:var(--b-aqua)!important}.bento-ui[data-page=design] .tile:nth-child(4n+3){background:var(--b-peach)!important}.bento-ui[data-page=design] .tile:nth-child(4n){background:var(--b-lilac)!important}
.bento-ui[data-page=design] :is(#hchips button.on,.chip.on){background:var(--b-dark)!important;color:var(--b-bg)!important}
.bento-ui[data-page=design] .ph{background:var(--b-panel)!important;color:var(--b-ink)!important}
/* Mobile keeps controls usable; catalog layout remains the established layout. */
@media(max-width:760px){.bento-ui main .top-tools{border-radius:22px;padding:14px;margin:12px 0 16px;gap:10px;flex-wrap:wrap}.bento-ui main .ui-home-intro.rd-home{border-radius:22px;padding:30px 16px 18px}.bento-ui .rd-upload-layout{gap:16px}.bento-ui :is(.settings,.ocr-settings,.export-options,.edit-controls,#settings,.lock-grid){padding:14px}.bento-ui:not([data-page])>header{margin:12px;border-radius:18px;padding:14px;flex-wrap:wrap}.bento-ui .headerlinks{flex-wrap:wrap;gap:12px}.bento-ui :is(.card,.panel,.scan-editor,.scan-pages,.scan-source,.scan-export){border-radius:18px}.bento-ui .scan-intro{padding:24px 14px}.bento-ui .office-task{max-width:calc(100vw - 24px)}.bento-ui dialog{max-width:calc(100vw - 24px)}.bento-ui .worktop{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.bento-ui *{scroll-behavior:auto!important;transition:none!important}}
.bento-ui [hidden]{display:none!important}
.bento-ui .rd-tool-icon{background:var(--b-panel)!important;color:var(--b-accent)!important;box-shadow:0 3px 10px #153d3412}.bento-ui .rd-tool-arrow{background:var(--b-panel)!important;color:var(--b-accent)!important}
.bento-ui main .top-tools .ui-brand{grid-column:1/-1}
html[data-color-mode=dark] .bento-ui .rd-drop{background:var(--b-panel)!important;color:var(--b-ink)!important;border-color:var(--b-line)!important}
html[data-color-mode=dark] .bento-ui main .ui-home-intro.rd-home{background:radial-gradient(ellipse at 20% 10%,#427e6840,transparent 65%),linear-gradient(135deg,var(--b-mint),var(--b-aqua) 60%,var(--b-peach))}
html[data-color-mode=dark] .bento-ui .rd-trust-strip{background:var(--b-panel)}
@media(max-width:420px){.bento-ui .suite-actions{flex-direction:column}.bento-ui .suite-actions button{width:100%;min-height:44px}}
.bento-ui main[data-view=tool] #toolTabs>a{min-width:max-content!important;width:auto!important;display:inline-flex!important;align-items:center;gap:7px}
.bento-ui main[data-view=tool] #toolTabs .pdf-new-badge{position:static!important;margin:0 0 0 3px;flex-shrink:0}
.bento-ui #otpdf-ai-launcher{position:fixed;right:max(18px,env(safe-area-inset-right));top:28vh;z-index:9990;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 17px;border:1px solid var(--b-line)!important;border-radius:999px;background:linear-gradient(145deg,#164645,#092a2a)!important;color:#fff!important;box-shadow:0 6px 24px #153e3526;text-decoration:none;font:700 13px/1.2 system-ui,sans-serif}
.bento-ui #otpdf-ai-launcher svg{width:19px;height:19px;flex:none}.bento-ui #otpdf-ai-launcher .ai-beta-en{display:none}html:lang(en) .bento-ui #otpdf-ai-launcher .ai-beta-ms{display:none}html:lang(en) .bento-ui #otpdf-ai-launcher .ai-beta-en{display:inline}
@media(max-width:600px){.bento-ui #otpdf-ai-launcher{top:auto;bottom:max(22px,env(safe-area-inset-bottom));right:max(15px,env(safe-area-inset-right));min-height:44px;padding:0 15px;font-size:12px}.bento-ui[data-page=design] #otpdf-ai-launcher{bottom:96px}}
@media print{.bento-ui #otpdf-ai-launcher{display:none!important}}
.bento-ui .rd-popular-grid .rd-scan-catalog-icon{display:grid;place-items:center;width:42px;height:42px;font-size:24px;flex-shrink:0;border-radius:13px;background:var(--b-panel)!important;color:var(--b-accent)!important}
@media(max-width:760px){.bento-ui main[data-view=tool] #toolTabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:8px;padding:10px;max-width:100%;scrollbar-width:thin}.bento-ui main[data-view=tool] #toolTabs>button,.bento-ui main[data-view=tool] #toolTabs>a{flex:0 0 auto!important;min-width:max-content!important;width:auto!important;max-width:none!important}}
.bento-ui .rd-site-footer{margin-left:0!important;margin-right:0!important;width:auto!important;border-radius:24px;background:var(--b-panel)!important;border:1px solid var(--b-line);color:var(--b-ink)}
.bento-ui[data-page=design] #homeContent{background:var(--b-bg)!important}.bento-ui[data-page=design] #home .hero h1{background:none!important;-webkit-text-fill-color:var(--b-ink)!important;color:var(--b-ink)!important}
@media(max-width:600px){.bento-ui main .top-tools .ui-brand{grid-column:1/-1;padding-right:32px}.bento-ui main .top-tools .rd-theme-button{justify-self:end}}
@media(max-width:600px){.bento-ui main .top-tools{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px 6px}.bento-ui main .top-tools .ui-brand{grid-column:1/-1;grid-row:1;padding-right:32px;font-size:21px!important;gap:7px}.bento-ui main .ui-brand svg{width:29px;height:34px}.bento-ui main .top-tools .rd-theme-button{grid-column:2;grid-row:1}.bento-ui main .top-tools .language-control{grid-column:1;grid-row:2}.bento-ui main .top-tools .community-tools{grid-column:2;grid-row:2}.bento-ui main .top-tools .support-button{padding:8px!important;min-height:36px;font-size:11px}.bento-ui main .rd-nav{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;gap:2px;margin:0;justify-content:center}.bento-ui main .rd-nav button,.bento-ui main .rd-nav #userManualButton{font-size:12px;min-height:36px;padding:8px 6px}}