/* DS Tools Final Layout — the single last-loaded responsive authority. */
:root{--final-header:64px;--final-sidebar:390px;--final-bg:#f4f4f6;--final-surface:#fff;--final-soft:#f7f7f9;--final-line:#dedee4;--final-ink:#17171a;--final-muted:#71717a;--final-radius:12px;color-scheme:light!important}
html,body{width:100%;max-width:100%;margin:0;overflow-x:clip}*,*:before,*:after{box-sizing:border-box}img,svg,canvas,video,iframe{max-width:100%}button,input,select,textarea{font:inherit}

/* Landing page */
body:not(.tool-page){background:#f7f7f8;color:var(--final-ink)}
body:not(.tool-page) .site-header{height:var(--final-header);padding:0 clamp(16px,4vw,54px);background:rgba(255,255,255,.97);border-bottom:1px solid var(--final-line);box-shadow:none}
body:not(.tool-page) .hero{width:min(1240px,100%);min-height:0;margin:auto;padding:56px clamp(20px,5vw,68px) 48px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:54px;align-items:center}
body:not(.tool-page) .hero h1{font-size:clamp(48px,5.7vw,78px);line-height:.98;max-width:780px}
body:not(.tool-page) .hero-copy>p{max-width:650px;font-size:16px}
body:not(.tool-page) .hero-visual{height:340px}
body:not(.tool-page) .hero-visual:before{width:280px;height:280px}
body:not(.tool-page) .quick-section{width:min(1240px,100%);padding:22px clamp(16px,4vw,54px) 0}
body:not(.tool-page) .tools-section{width:min(1320px,100%);max-width:1320px;padding:34px clamp(16px,4vw,54px) 70px}
body:not(.tool-page) .section-top{display:flex;align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:16px}
body:not(.tool-page) .section-top>div:first-child{max-width:520px}
body:not(.tool-page) .section-top h2{font-size:clamp(34px,4vw,48px);line-height:1.05;margin-top:8px}
body:not(.tool-page) .filters{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;padding:0;background:transparent;border:0}
body:not(.tool-page) .filter-btn{flex:0 0 auto;min-height:38px;padding:0 14px;white-space:nowrap;border-radius:999px}
body:not(.tool-page) .tools-toolbar{min-height:42px;margin:0 0 16px;align-items:center}
body:not(.tool-page) .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body:not(.tool-page) .tool-card{min-width:0;min-height:205px;padding:20px;border-radius:16px}
body:not(.tool-page) .privacy-section{width:min(1210px,calc(100% - 32px));margin:0 auto 70px}

/* Shared product shell */
body.tool-page{background:var(--final-bg)!important;color:var(--final-ink)!important;min-width:0!important}
.tool-page .site-header{height:var(--final-header)!important;min-height:var(--final-header)!important;padding:0 20px!important;position:sticky!important;top:0!important;z-index:100!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--final-line)!important;box-shadow:none!important}
.tool-page .brand{min-width:0!important;gap:9px!important}.tool-page .brand img{width:38px!important;height:38px!important;border-radius:9px!important}.tool-page .brand strong{font-size:15px!important}.tool-page .brand span{font-size:8px!important}
.tool-page .header-tool-name{position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:42vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;font-weight:800!important;text-align:center!important}
.tool-page .home-link{height:40px!important;margin-left:auto!important;padding:0 13px!important;border:1px solid var(--final-line)!important;border-radius:9px!important;background:#fff!important;color:#35353b!important;font-size:11px!important;box-shadow:none!important}
.tool-page .tool-main,.tool-page .tool-workspace-card,.tool-page .workspace-body{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--final-bg)!important}
.tool-page .tool-workspace-card{min-height:calc(100dvh - var(--final-header))!important;overflow:hidden!important}
.tool-page .breadcrumbs,.tool-page .tool-hero,.tool-page .page-benefits,.tool-page .related,.tool-page>footer,.tool-page .tool-workspace-top{display:none!important}

/* Standard 68-tool workspace */
.tool-page .ds-workbench{display:grid!important;grid-template-columns:minmax(0,1fr) var(--final-sidebar)!important;width:100%!important;height:calc(100dvh - var(--final-header))!important;min-height:520px!important;overflow:hidden!important;background:var(--final-bg)!important}
.tool-page .ds-preview-pane{order:1!important;min-width:0!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:0!important;border-right:1px solid var(--final-line)!important;background:#f1f1f3!important}
.tool-page .ds-controls-pane{order:2!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:0!important;background:#fff!important;box-shadow:-8px 0 24px rgba(24,24,32,.05)!important}
.tool-page .ds-controls-scroll{position:static!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:12px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 16px!important;background:#fff!important}
.tool-page .ds-controls-scroll>*{flex-shrink:0!important;min-width:0!important;max-width:100%!important}
.tool-page .panel-heading{padding:0 2px 3px!important}.tool-page .panel-heading span{margin-bottom:7px!important;font-size:8px!important}.tool-page .panel-heading h2{margin:0 0 5px!important;font-size:20px!important;line-height:1.15!important}.tool-page .panel-heading p{margin:0!important;font-size:10px!important;line-height:1.5!important;color:var(--final-muted)!important;overflow-wrap:anywhere}
.tool-page .ds-preview-toolbar{position:static!important;flex:0 0 auto!important;width:100%!important;height:54px!important;min-height:54px!important;padding:8px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;overflow:hidden!important;border:0!important;border-bottom:1px solid var(--final-line)!important;background:rgba(255,255,255,.97)!important;backdrop-filter:none!important}
.tool-page .ds-preview-toolbar .left,.tool-page .ds-preview-toolbar .right{min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}.tool-page .ds-preview-toolbar .left{overflow:hidden!important}.tool-page .ds-preview-toolbar .left strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}.tool-page .ds-preview-toolbar .left small{white-space:nowrap!important;font-size:8px!important}.tool-page .ds-preview-toolbar .right{margin-left:auto!important;overflow-x:auto!important;scrollbar-width:none!important}.tool-page .ds-preview-toolbar .right::-webkit-scrollbar{display:none}
.tool-page .preview-add-btn,.tool-page .zoom-btn,.tool-page .full-preview-btn,.tool-page #v2ZoomFit,.tool-page .quick-file-actions .v2-btn{flex:0 0 auto!important;height:34px!important;min-height:34px!important;min-width:34px!important;padding:0 9px!important;border-radius:8px!important;font-size:9px!important;white-space:nowrap!important}
.tool-page .preview-add-btn{border:0!important;background:var(--tool-accent,#e5322d)!important;color:#fff!important;font-weight:800!important}
.tool-page .ds-preview-content{flex:1 1 auto!important;min-width:0!important;min-height:0!important;width:100%!important;height:auto!important;padding:16px!important;overflow:auto!important;background:#f1f1f3!important}
.tool-page .ds-empty-preview{width:100%!important;height:100%!important;min-height:0!important;padding:24px!important;border:1px dashed #c9c9d0!important;border-radius:12px!important;background:#fafafa!important}
.tool-page .ds-empty-preview .empty-inner{max-width:420px!important}.tool-page .ds-empty-preview .empty-icon{width:58px!important;height:58px!important;border-radius:15px!important}.tool-page .ds-empty-preview strong{font-size:16px!important}.tool-page .ds-empty-preview p{font-size:10px!important}
.tool-page .v2-section{width:100%!important;min-width:0!important;padding:13px!important;border:1px solid var(--final-line)!important;border-radius:10px!important;background:#fff!important}
.tool-page .v2-dropzone,.tool-page .dropzone{width:100%!important;min-width:0!important;padding:15px!important;border-radius:10px!important}.tool-page .v2-dropzone p,.tool-page .dropzone p{overflow-wrap:anywhere!important}
.tool-page .control-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;min-width:0!important}.tool-page .control{min-width:0!important;max-width:100%!important}.tool-page .control.full{grid-column:1!important}.tool-page .control input,.tool-page .control select,.tool-page .control textarea{width:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;border-radius:8px!important}
.tool-page .two-file-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}.tool-page .mini-drop{min-width:0!important}.tool-page .mini-drop input[type=file]{width:100%!important;max-width:100%!important;font-size:9px!important}
.tool-page .action-bar{position:static!important;flex:0 0 auto!important;width:100%!important;margin:0!important;padding:11px 16px max(11px,env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--final-line)!important;background:#fff!important;box-shadow:none!important}
.tool-page .primary-btn,.tool-page .primary-action{width:100%!important;min-height:46px!important;border-radius:8px!important;font-size:11px!important}
.tool-page .status{margin-top:4px!important;font-size:8px!important}
.tool-page .easy-stepper{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;gap:6px!important;width:100%!important}.tool-page .easy-stepper>*{min-width:0!important}.tool-page .easy-range{display:grid!important;grid-template-columns:minmax(0,1fr) 50px!important;gap:8px!important;width:100%!important}.tool-page .quality-preset{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
.tool-page .pdf-page-grid,.tool-page .image-preview-grid,.tool-page .merge-board,.tool-page .organize-board,.tool-page .scan-board{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:12px!important;width:100%!important;min-width:0!important}
.tool-page .pdf-thumb-card,.tool-page .page-card,.tool-page .merge-card,.tool-page .scan-card,.tool-page .image-card{min-width:0!important;max-width:100%!important;border-radius:10px!important}.tool-page .page-quick-actions,.tool-page .merge-card .remove-file{opacity:1!important;transform:none!important}
.tool-page .preview,.tool-page .preview-stage,.tool-page .crop-shell,.tool-page .result-panel,.tool-page .html-stage,.tool-page .qr-canvas-wrap,.tool-page .barcode-wrap{width:100%!important;min-width:0!important;max-width:100%!important;overflow:auto!important}.tool-page .preview-stage img,.tool-page .preview-stage canvas,.tool-page .crop-shell img,.tool-page .crop-shell canvas{max-width:100%!important;height:auto!important;object-fit:contain!important}.tool-page .result-panel pre,.tool-page .result-panel code{white-space:pre-wrap!important;overflow-wrap:anywhere!important}.tool-page .result-panel table{display:block!important;width:100%!important;overflow-x:auto!important}
.tool-page .scan-editor{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,260px)!important;gap:12px!important;min-width:0!important;min-height:0!important}.tool-page .scan-canvas-wrap{min-width:0!important;min-height:360px!important}.tool-page .scan-side{min-width:0!important;max-height:100%!important;overflow:auto!important}.tool-page .micro-actions,.tool-page .scan-editor-actions,.tool-page .signature-tools,.tool-page .v2-action-row{max-width:100%!important;flex-wrap:wrap!important}.tool-page .password-output{min-width:0!important}.tool-page .password-output input{min-width:0!important}

/* InPage editor */
.tool-page .converter-workspace.is-structured{display:grid!important;grid-template-columns:minmax(0,1fr) var(--final-sidebar)!important;width:100%!important;height:calc(100dvh - var(--final-header))!important;min-height:520px!important;overflow:hidden!important;background:var(--final-bg)!important}
.tool-page .converter-main-pane{min-width:0!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#f1f1f3!important}
.tool-page .converter-main-pane .direction-switch{flex:0 0 auto!important;width:100%!important;margin:0!important;padding:8px 14px!important;border:0!important;border-bottom:1px solid var(--final-line)!important;border-radius:0!important;background:#fff!important}
.tool-page .converter-main-pane .direction-tab{height:38px!important;border-radius:8px!important;font-size:10px!important}
.tool-page .converter-main-pane .converter-toolbar{flex:0 0 auto!important;width:100%!important;margin:0!important;padding:8px 14px!important;display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important;border-bottom:1px solid var(--final-line)!important;background:#fff!important}
.tool-page .converter-main-pane .converter-toolbar>*{min-width:0!important}.tool-page .converter-main-pane .swap-btn{margin-left:auto!important}
.tool-page .converter-main-pane .text-grid{flex:1 1 auto!important;min-width:0!important;min-height:0!important;width:100%!important;padding:14px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;background:#f1f1f3!important}
.tool-page .converter-main-pane .text-panel{min-width:0!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:10px!important}
.tool-page .converter-main-pane .text-head{flex:0 0 auto!important;padding:10px 12px!important}.tool-page .converter-main-pane .text-panel textarea{flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:14px!important;resize:none!important;font-size:15px!important}
.tool-page .converter-settings-pane{min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-left:1px solid var(--final-line)!important;background:#fff!important}
.tool-page .converter-settings-pane .conversion-options{flex:1 1 auto!important;min-height:0!important;margin:0!important;padding:16px!important;overflow:auto!important;border:0!important;background:#fff!important}.tool-page .converter-settings-pane .option-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.tool-page .converter-settings-pane .option-tile{min-width:0!important;padding:10px!important;border-radius:9px!important}.tool-page .converter-settings-pane .option-tile b{font-size:9px!important}.tool-page .converter-settings-pane .option-tile small{font-size:8px!important}
.tool-page .converter-settings-pane .compat-note{flex:0 0 auto!important;margin:0 12px 9px!important;padding:9px 10px!important;display:block!important;font-size:8px!important}.tool-page .converter-settings-pane .compat-note b{display:block!important;margin-bottom:3px!important;white-space:normal!important}
.tool-page .converter-settings-pane .converter-actions{position:static!important;flex:0 0 auto!important;width:100%!important;margin:0!important;padding:10px 12px max(11px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;border-top:1px solid var(--final-line)!important;background:#fff!important;box-shadow:none!important}.tool-page .converter-settings-pane .converter-actions .primary-action{grid-column:1/-1!important}.tool-page .converter-settings-pane #status{grid-column:1/-1!important;margin:0!important;text-align:center!important}

/* Emoji editor */
.tool-page[data-tool-id="emoji-maker"] .tool-workspace-card,.tool-page[data-tool-id="emoji-maker"] .workspace-body,.tool-page[data-tool-id="emoji-maker"] .emoji-workspace{width:100%!important;height:calc(100dvh - var(--final-header))!important;min-height:520px!important;overflow:hidden!important}
.tool-page[data-tool-id="emoji-maker"] .emoji-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) var(--final-sidebar)!important;background:var(--final-bg)!important}
.tool-page[data-tool-id="emoji-maker"] .emoji-preview{order:1!important;min-width:0!important;min-height:0!important;height:100%!important;padding:12px 16px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#f1f1f3!important}
.tool-page[data-tool-id="emoji-maker"] .preview-top{flex:0 0 auto!important;margin:0 0 8px!important}.tool-page[data-tool-id="emoji-maker"] .canvas-shell{flex:1 1 auto!important;min-width:0!important;min-height:0!important;width:100%!important;height:auto!important;padding:10px!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}.tool-page[data-tool-id="emoji-maker"] .canvas-shell canvas{width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100dvh - 216px)!important;border-radius:14px!important;object-fit:contain!important}.tool-page[data-tool-id="emoji-maker"] .export-row{position:static!important;flex:0 0 auto!important;width:100%!important;margin:8px 0 0!important;padding:8px!important;display:grid!important;grid-template-columns:74px auto minmax(0,1fr)!important;gap:7px!important;border-radius:9px!important;background:#fff!important}.tool-page[data-tool-id="emoji-maker"] .export-row>*{min-width:0!important}.tool-page[data-tool-id="emoji-maker"] .emoji-preview>p{flex:0 0 auto!important;margin:5px 0 0!important;font-size:8px!important}
.tool-page[data-tool-id="emoji-maker"] .emoji-controls{order:2!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;padding:12px!important;overflow-y:auto!important;overflow-x:hidden!important;border:0!important;border-left:1px solid var(--final-line)!important;background:#fff!important}.tool-page[data-tool-id="emoji-maker"] .control-block{min-width:0!important;margin:0 0 8px!important;padding:10px!important;border-radius:10px!important}.tool-page[data-tool-id="emoji-maker"] .block-title{margin-bottom:8px!important}.tool-page[data-tool-id="emoji-maker"] .emoji-input-row{grid-template-columns:minmax(0,1fr) auto!important}.tool-page[data-tool-id="emoji-maker"] .emoji-picker{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important}.tool-page[data-tool-id="emoji-maker"] .emoji-pick{min-width:0!important;min-height:36px!important}.tool-page[data-tool-id="emoji-maker"] .emoji-controls .control-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tool-page[data-tool-id="emoji-maker"] .emoji-controls .control-grid .wide{grid-column:1/-1!important}
.tool-page[data-tool-id="emoji-maker"] .range-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;align-items:stretch!important;width:100%!important;min-width:0!important;margin-top:11px!important}.tool-page[data-tool-id="emoji-maker"] .range-row>label{grid-column:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-width:0!important;margin:0!important}.tool-page[data-tool-id="emoji-maker"] .range-row .legacy-range-output{display:none!important}.tool-page[data-tool-id="emoji-maker"] .range-row>.easy-range{grid-column:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;gap:9px!important;width:100%!important;min-width:0!important;align-items:center!important}.tool-page[data-tool-id="emoji-maker"] .range-row>.easy-range input[type="range"]{width:100%!important;min-width:0!important;margin:0!important}.tool-page[data-tool-id="emoji-maker"] .range-row>.easy-range .easy-value{width:54px!important;min-width:54px!important;min-height:34px!important;border-radius:8px!important;font-size:10px!important}

/* Laptop */
@media(max-width:1180px){
  :root{--final-sidebar:350px}
  body:not(.tool-page) .hero{grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:34px}body:not(.tool-page) .hero-visual{height:300px}
  body:not(.tool-page) .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tool-page .scan-editor{grid-template-columns:1fr!important}.tool-page .scan-side{max-height:none!important}
}

.static-tool-directory{max-width:1280px;margin:42px auto;padding:34px;border:1px solid #dfe5e8;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafb);box-shadow:0 16px 50px rgba(19,37,48,.06)}.directory-heading{max-width:760px}.directory-heading h2{margin:8px 0;font-size:clamp(26px,3vw,38px);letter-spacing:-.035em}.directory-heading p{margin:0;color:#66727d;line-height:1.7}.static-tool-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:24px}.static-tool-links a{display:flex;align-items:center;min-height:42px;padding:9px 11px;border:1px solid #e0e7ea;border-radius:10px;background:#fff;color:#263640;text-decoration:none;font-size:12px;font-weight:700;transition:.16s ease}.static-tool-links a:hover{border-color:#e66a35;color:#c94818;transform:translateY(-1px);box-shadow:0 8px 18px rgba(26,46,58,.07)}@media(max-width:1000px){.static-tool-links{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.static-tool-directory{padding:22px 16px}.static-tool-links{grid-template-columns:repeat(2,1fr)}}

.tool-seo-content{display:block!important;max-width:1180px;margin:48px auto;padding:0 24px 60px;color:#17303a}.tool-seo-intro{max-width:820px}.tool-seo-content h2{margin:0 0 10px;font-size:clamp(25px,3vw,38px);letter-spacing:-.03em}.tool-seo-content h3{margin:0 0 9px;font-size:18px}.tool-seo-content p,.tool-seo-content li{color:#61717a;font-size:14px;line-height:1.75}.tool-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.tool-seo-grid article{padding:22px;border:1px solid #dce2e1;border-top:3px solid #e66a35;border-radius:14px;background:#fff}.tool-seo-content ol,.tool-seo-content ul{margin:0;padding-left:20px}@media(max-width:800px){.tool-seo-grid{grid-template-columns:1fr}}

/* Tablet and phone: one clear vertical flow. */
@media(max-width:800px){
  :root{--final-header:58px}
  body:not(.tool-page) .site-header{height:58px;padding-inline:12px}body:not(.tool-page) .header-nav{display:none}body:not(.tool-page) .hero{grid-template-columns:1fr;padding:42px 16px 38px}body:not(.tool-page) .hero-visual{display:none}body:not(.tool-page) .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.tool-page) .filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}body:not(.tool-page) .filters::-webkit-scrollbar{display:none}
  .tool-page .site-header{height:var(--final-header)!important;min-height:var(--final-header)!important;padding:0 10px!important}.tool-page .brand img{width:34px!important;height:34px!important}.tool-page .brand span{display:none!important}.tool-page .header-tool-name{left:62px!important;right:62px!important;max-width:none!important;transform:none!important;font-size:11px!important}.tool-page .home-link{width:38px!important;height:38px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important}
  .tool-page .tool-workspace-card{min-height:calc(100dvh - var(--final-header))!important;overflow:visible!important}
  .tool-page .ds-workbench{display:flex!important;flex-direction:column!important;height:auto!important;min-height:calc(100dvh - var(--final-header))!important;overflow:visible!important}.tool-page .ds-workbench:not(.has-workspace-files) .ds-controls-pane{order:1!important}.tool-page .ds-workbench:not(.has-workspace-files) .ds-preview-pane{order:2!important}.tool-page .ds-workbench.has-workspace-files .ds-preview-pane{order:1!important}.tool-page .ds-workbench.has-workspace-files .ds-controls-pane{order:2!important}
  .tool-page .ds-preview-pane{width:100%!important;height:auto!important;min-height:360px!important;overflow:visible!important;border-right:0!important;border-bottom:1px solid var(--final-line)!important}.tool-page .ds-controls-pane{width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}.tool-page .ds-controls-scroll{overflow:visible!important;padding:14px!important}.tool-page .action-bar{position:sticky!important;bottom:0!important;z-index:20!important;box-shadow:0 -8px 22px rgba(20,20,30,.08)!important}
  .tool-page .ds-preview-toolbar{position:sticky!important;top:var(--final-header)!important;z-index:15!important}.tool-page .ds-preview-content{min-height:320px!important}.tool-page .ds-empty-preview{min-height:300px!important}
  .tool-page .control-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tool-page .control.full{grid-column:1/-1!important}.tool-page .two-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tool-page .converter-workspace.is-structured{display:flex!important;flex-direction:column!important;height:auto!important;min-height:calc(100dvh - var(--final-header))!important;overflow:visible!important}.tool-page .converter-main-pane,.tool-page .converter-settings-pane{width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}.tool-page .converter-settings-pane{border-left:0!important;border-top:1px solid var(--final-line)!important}.tool-page .converter-main-pane .text-grid{grid-template-columns:1fr!important}.tool-page .converter-main-pane .text-panel textarea{height:280px!important;min-height:240px!important;resize:vertical!important}.tool-page .converter-settings-pane .conversion-options{overflow:visible!important}.tool-page .converter-settings-pane .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tool-page .converter-settings-pane .converter-actions{position:sticky!important;bottom:0!important;z-index:20!important;box-shadow:0 -8px 22px rgba(20,20,30,.08)!important}
  .tool-page[data-tool-id="emoji-maker"] .tool-workspace-card,.tool-page[data-tool-id="emoji-maker"] .workspace-body,.tool-page[data-tool-id="emoji-maker"] .emoji-workspace{height:auto!important;min-height:calc(100dvh - var(--final-header))!important;overflow:visible!important}.tool-page[data-tool-id="emoji-maker"] .emoji-workspace{display:flex!important;flex-direction:column!important}.tool-page[data-tool-id="emoji-maker"] .emoji-preview{width:100%!important;height:auto!important;min-height:440px!important;overflow:visible!important}.tool-page[data-tool-id="emoji-maker"] .canvas-shell{min-height:300px!important}.tool-page[data-tool-id="emoji-maker"] .canvas-shell canvas{max-height:min(55dvh,480px)!important}.tool-page[data-tool-id="emoji-maker"] .emoji-controls{width:100%!important;height:auto!important;overflow:visible!important;border-left:0!important;border-top:1px solid var(--final-line)!important}
}

/* Phone */
@media(max-width:520px){
  body:not(.tool-page) .brand span{display:none}body:not(.tool-page) .home-link{width:40px;height:40px;padding:0;font-size:0;display:grid;place-items:center}body:not(.tool-page) .hero{padding:34px 13px 34px}body:not(.tool-page) .hero h1{font-size:clamp(38px,13vw,52px)}body:not(.tool-page) .hero-copy>p{font-size:14px}body:not(.tool-page) .quick-grid,body:not(.tool-page) .tool-grid{grid-template-columns:1fr}body:not(.tool-page) .tools-section{padding:30px 12px 58px}body:not(.tool-page) .section-top h2{font-size:34px}body:not(.tool-page) .display-controls{justify-content:space-between;flex-wrap:wrap}body:not(.tool-page) .privacy-section{width:calc(100% - 20px);padding:24px 16px}
  .tool-page .brand div{display:none!important}.tool-page .header-tool-name{left:50px!important;right:50px!important}.tool-page .ds-preview-toolbar{height:auto!important;min-height:50px!important;padding:7px 8px!important}.tool-page .ds-preview-toolbar .left small,.tool-page .zoom-level,.tool-page #v2ZoomFit,.tool-page .zoom-btn{display:none!important}.tool-page .preview-add-btn{font-size:0!important}.tool-page .preview-add-btn:after{content:"+";font-size:17px}.tool-page .quick-file-actions{display:flex!important}.tool-page .quick-file-actions .v2-btn{padding-inline:7px!important}.tool-page .ds-preview-content{padding:8px!important;min-height:280px!important}.tool-page .ds-empty-preview{min-height:260px!important;padding:18px 12px!important}
  .tool-page .ds-controls-scroll{padding:12px!important}.tool-page .control-grid,.tool-page .two-file-grid{grid-template-columns:1fr!important}.tool-page .control.full{grid-column:1!important}.tool-page .quality-preset{grid-template-columns:1fr!important}.tool-page .quality-preset button{min-height:40px!important}.tool-page .pdf-page-grid,.tool-page .image-preview-grid,.tool-page .merge-board,.tool-page .organize-board,.tool-page .scan-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.tool-page .scan-editor{display:flex!important;flex-direction:column!important}.tool-page .scan-canvas-wrap{min-height:300px!important}.tool-page .micro-actions,.tool-page .scan-editor-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.tool-page .micro-actions>*,.tool-page .scan-editor-actions>*{width:100%!important}
  .tool-page .converter-main-pane .converter-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.tool-page .converter-main-pane .converter-toolbar>*{width:100%!important;margin:0!important}.tool-page .converter-main-pane .auto-toggle,.tool-page .converter-main-pane .swap-btn{grid-column:1/-1!important}.tool-page .converter-settings-pane .option-grid{grid-template-columns:1fr!important}.tool-page .converter-settings-pane .converter-actions{grid-template-columns:1fr!important}.tool-page .converter-settings-pane .converter-actions>*{grid-column:1!important}
  .tool-page[data-tool-id="emoji-maker"] .emoji-preview{min-height:390px!important;padding:9px!important}.tool-page[data-tool-id="emoji-maker"] .canvas-shell{min-height:260px!important}.tool-page[data-tool-id="emoji-maker"] .export-row{grid-template-columns:1fr!important}.tool-page[data-tool-id="emoji-maker"] .export-row>*{width:100%!important}.tool-page[data-tool-id="emoji-maker"] .emoji-controls{padding:10px!important}.tool-page[data-tool-id="emoji-maker"] .emoji-controls .control-grid{grid-template-columns:1fr!important}.tool-page[data-tool-id="emoji-maker"] .emoji-controls .control-grid .wide{grid-column:1!important}.tool-page[data-tool-id="emoji-maker"] .emoji-picker{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}

@media(max-width:360px){.tool-page .pdf-page-grid,.tool-page .image-preview-grid,.tool-page .merge-board,.tool-page .organize-board,.tool-page .scan-board{grid-template-columns:1fr!important}.tool-page .quick-file-actions{display:none!important}}
@media(max-height:650px) and (min-width:801px){body:not(.tool-page) .hero{padding-top:28px;padding-bottom:28px}body:not(.tool-page) .hero-visual{height:270px}.tool-page[data-tool-id="emoji-maker"] .control-block{padding:8px!important}.tool-page[data-tool-id="emoji-maker"] .canvas-shell canvas{max-height:calc(100dvh - 202px)!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


.tool-page .panel-heading span{font-size:9px!important}
.tool-page .panel-heading p{font-size:11px!important}
.tool-page .ds-preview-toolbar .left strong{font-size:12px!important}
.tool-page .ds-preview-toolbar .left small{font-size:9px!important}
.tool-page .preview-add-btn,.tool-page .zoom-btn,.tool-page .full-preview-btn,.tool-page #v2ZoomFit,.tool-page .quick-file-actions .v2-btn{font-size:10px!important}
.tool-page .ds-empty-preview p{font-size:11px!important}
.tool-page .mini-drop input[type=file]{font-size:10px!important}
.tool-page .primary-btn,.tool-page .primary-action{font-size:12px!important}
.tool-page .status{font-size:9px!important}
.tool-page .converter-main-pane .direction-tab{font-size:11px!important}
.tool-page .converter-settings-pane .option-tile b{font-size:10px!important}
.tool-page .converter-settings-pane .option-tile small{font-size:9px!important}
.tool-page .converter-settings-pane .compat-note{font-size:9px!important}
.tool-page .control label,.tool-page .check-row,.tool-page .mini-drop label{font-size:11px!important}
.tool-page .control input,.tool-page .control select,.tool-page .control textarea{font-size:12px!important}