/* DS Tools Workspace V3 — light-only, preview-left, controls-right */
:root{
  color-scheme:light!important;
  --bg:#f5f5f7;
  --surface:#ffffff;
  --surface-2:#f7f7f9;
  --ink:#161616;
  --ink-2:#3f3f46;
  --muted:#707078;
  --line:#e1e1e6;
  --brand:#e5322d;
  --brand-2:#ff5b55;
  --pro-bg:#f5f5f7;
  --pro-surface:#ffffff;
  --pro-surface-solid:#ffffff;
  --pro-surface-2:#f7f7f9;
  --pro-ink:#161616;
  --pro-ink-2:#3f3f46;
  --pro-muted:#707078;
  --pro-line:#e1e1e6;
  --pro-line-strong:#cfcfd6;
  --pro-brand:#e5322d;
  --pro-brand-2:#ff5b55;
  --pro-shadow:0 16px 40px rgba(20,20,30,.10);
  --pro-shadow-soft:0 6px 18px rgba(20,20,30,.07);
  --v2-panel:#fff;
  --v2-soft:#f7f7f9;
  --v2-soft2:#f0f0f3;
  --v2-line:#e1e1e6;
  --v2-ink:#161616;
  --v2-muted:#707078;
  --v2-shadow:none;
}

body.tool-page{background:#f5f5f7!important;color:#161616!important}
body.tool-page:before,.tool-page .ambient{display:none!important}
.tool-page *{scrollbar-color:#c8c8cf transparent;scrollbar-width:thin}
.tool-page *::-webkit-scrollbar{width:7px;height:7px}.tool-page *::-webkit-scrollbar-thumb{background:#c8c8cf;border-radius:999px}

/* Remove all marketing/reference material from an opened product. */
.tool-page .breadcrumbs,
.tool-page .tool-hero,
.tool-page .page-benefits,
.tool-page .related,
.tool-page>footer,
.tool-page .tool-workspace-top,
.tool-page .workspace-shortcut,
.tool-page .theme-toggle,
.tool-page [data-page-favorite],
.tool-page [data-reset-workspace]{display:none!important}

.tool-page .site-header{height:68px!important;padding:0 22px!important;position:sticky!important;top:0!important;z-index:100!important;background:#fff!important;border:0!important;border-bottom:1px solid #e4e4e8!important;box-shadow:none!important;backdrop-filter:none!important}
.tool-page .brand{gap:10px}.tool-page .brand img{width:40px!important;height:40px!important;border-radius:10px!important;background:#fff;box-shadow:0 3px 10px rgba(20,20,30,.10)!important}.tool-page .brand strong{font-family:Inter,system-ui,sans-serif!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.02em!important;color:#19191c!important}.tool-page .brand span{font-size:9px!important;color:#777780!important}
.tool-page .header-tool-name{position:absolute;left:50%;transform:translateX(-50%);max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;color:#27272a}
.tool-page .header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.tool-page .home-link{height:40px!important;border:1px solid #dedee3!important;border-radius:9px!important;background:#fff!important;color:#3f3f46!important;padding:0 13px!important;box-shadow:none!important;font-size:12px!important;font-weight:750!important}.tool-page .home-link:hover{border-color:#bbbbc3!important;background:#f7f7f9!important;transform:none!important}.tool-page .home-link svg{width:15px;height:15px}

.tool-page .tool-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:calc(100vh - 68px)!important}
.tool-page .tool-workspace-card{width:100%!important;min-height:calc(100vh - 68px)!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
.tool-page .workspace-body{padding:0!important;background:#f5f5f7!important;overflow:visible!important}

/* Main product workspace: preview first, settings panel second. */
.tool-page .ds-workbench{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(350px,29vw,410px)!important;min-height:calc(100vh - 68px)!important;background:#f5f5f7!important}
.tool-page .ds-preview-pane{order:1!important;min-width:0!important;background:#f3f3f5!important;border-right:1px solid #ddddE2!important;display:flex!important;flex-direction:column!important}
.tool-page .ds-controls-pane{order:2!important;min-width:0!important;height:calc(100vh - 68px)!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:-7px 0 24px rgba(20,20,30,.055)!important;position:relative!important;z-index:5!important;display:flex!important;flex-direction:column!important}
.tool-page .ds-controls-scroll{position:static!important;top:auto!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:14px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding:20px 18px!important;background:#fff!important}
.tool-page .ds-controls-scroll>*{flex-shrink:0!important}
.tool-page .panel-heading{padding:1px 2px 5px}.tool-page .panel-heading span{display:block;color:var(--tool-accent,#e5322d);font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:850;margin-bottom:7px}.tool-page .panel-heading h2{font-family:Inter,system-ui,sans-serif;font-size:20px;line-height:1.15;letter-spacing:-.035em;margin:0 0 6px;color:#17171a}.tool-page .panel-heading p{font-size:11px;line-height:1.55;color:#74747d;margin:0}

.tool-page .ds-preview-toolbar{height:58px!important;min-height:58px!important;padding:9px 17px!important;position:sticky!important;top:68px!important;z-index:9!important;border:0!important;border-bottom:1px solid #dedee3!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(10px)!important}.tool-page .ds-preview-toolbar .left{min-width:0}.tool-page .ds-preview-toolbar strong{color:#26262a!important;font-size:12px!important}.tool-page .ds-preview-toolbar small{color:#7a7a83!important;font-size:9px!important}.tool-page .ds-preview-toolbar .right{margin-left:auto;flex-wrap:nowrap!important}.tool-page .zoom-btn,.tool-page .full-preview-btn,.tool-page #v2ZoomFit{height:34px!important;min-width:34px!important;border:1px solid #ddddE2!important;border-radius:8px!important;background:#fff!important;color:#48484f!important;padding:0 9px!important;font-size:11px!important}.tool-page .zoom-level{min-width:38px!important;color:#777780!important;font-size:9px!important}.tool-page .preview-add-btn{height:34px;border:0;border-radius:8px;background:#e5322d;color:#fff;padding:0 12px;font-size:10px;font-weight:800;white-space:nowrap}.tool-page .preview-add-btn:hover{background:#cc2723}
.tool-page .quick-file-actions{display:flex;align-items:center;gap:5px}.tool-page .quick-file-actions .v2-btn{height:34px!important;min-height:34px!important;padding:0 9px!important}.tool-page .quick-file-actions .danger{color:#c62924!important}
.tool-page .ds-preview-content{flex:1!important;min-height:0!important;padding:22px!important;overflow:auto!important;background:#f3f3f5!important}
.tool-page .ds-empty-preview{min-height:calc(100vh - 170px)!important;border:1px dashed #c7c7cf!important;border-radius:14px!important;background:#fafafa!important;color:#6d6d75!important;padding:34px!important}.tool-page .ds-empty-preview .empty-icon{width:66px!important;height:66px!important;border:1px solid #e1e1e6!important;border-radius:17px!important;background:#fff!important;color:var(--tool-accent,#e5322d)!important;box-shadow:0 7px 22px rgba(20,20,30,.07)!important}.tool-page .ds-empty-preview strong{font-size:17px!important;color:#222226!important}.tool-page .ds-empty-preview p{max-width:410px;margin:0 auto!important;color:#707078!important;font-size:11px!important}.tool-page .empty-select-btn{margin-top:18px;height:44px;border:0;border-radius:9px;background:var(--tool-accent,#e5322d);color:#fff;padding:0 22px;font-size:12px;font-weight:800;box-shadow:0 7px 16px color-mix(in srgb,var(--tool-accent,#e5322d) 22%,transparent)}

/* Right panel controls */
.tool-page .v2-section{padding:14px!important;border:1px solid #e2e2e7!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}.tool-page .v2-section-title{margin-bottom:11px!important}.tool-page .v2-section-title strong{color:#222226!important;font-size:10px!important;letter-spacing:.075em!important}.tool-page .v2-section-title span{color:#7b7b84!important;font-size:8px!important}.tool-page .v2-hint{color:#777780!important;font-size:9.5px!important;line-height:1.55!important}
.tool-page .v2-dropzone,.tool-page .dropzone{min-height:0!important;padding:16px!important;border:1.5px dashed #c9c9d0!important;border-radius:11px!important;background:#fafafa!important}.tool-page .v2-dropzone.drag,.tool-page .dropzone.drag{border-color:var(--tool-accent,#e5322d)!important;background:#fff7f7!important}.tool-page .v2-dropzone .drop-symbol,.tool-page .dropzone .drop-icon{width:42px!important;height:42px!important;margin:0 auto 8px!important;border-radius:11px!important;background:color-mix(in srgb,var(--tool-accent,#e5322d) 9%,white)!important;color:var(--tool-accent,#e5322d)!important}.tool-page .v2-dropzone strong,.tool-page .dropzone h3{font-size:12px!important;color:#202024!important}.tool-page .v2-dropzone p,.tool-page .dropzone p{font-size:9px!important;color:#777780!important;margin-bottom:10px!important}.tool-page .v2-pick,.tool-page .pick-btn{min-height:36px!important;border-radius:8px!important;background:var(--tool-accent,#e5322d)!important;color:#fff!important;padding:0 13px!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important}
.tool-page .has-workspace-files .ds-controls-scroll>.v2-dropzone,.tool-page .has-workspace-files .ds-controls-scroll>.dropzone{display:none!important}
.tool-page .v2-file-list{gap:7px!important}.tool-page .v2-file-row,.tool-page .file-chip{border:1px solid #e3e3e7!important;border-radius:10px!important;background:#fff!important;padding:8px!important}.tool-page .v2-file-thumb{border-color:#e2e2e7!important;background:#f4f4f6!important}.tool-page .v2-file-info b,.tool-page .file-chip strong{color:#26262a!important;font-size:10px!important}.tool-page .v2-file-info span,.tool-page .file-chip span{color:#777780!important}
.tool-page .control-grid{grid-template-columns:1fr!important;gap:10px!important}.tool-page .control.full{grid-column:1!important}.tool-page .control label,.tool-page .emoji-controls label{display:block!important;margin-bottom:5px!important;color:#4b4b52!important;font-size:10px!important;font-weight:700!important}.tool-page .control input,.tool-page .control select,.tool-page .control textarea,.tool-page .emoji-controls input,.tool-page .emoji-controls select{width:100%!important;min-height:40px!important;padding:9px 10px!important;border:1px solid #dcdce2!important;border-radius:8px!important;background:#fff!important;color:#232327!important;font-size:11px!important;box-shadow:none!important}.tool-page .control input:focus,.tool-page .control select:focus,.tool-page .control textarea:focus,.tool-page .emoji-controls input:focus,.tool-page .emoji-controls select:focus{border-color:var(--tool-accent,#e5322d)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tool-accent,#e5322d) 10%,transparent)!important;outline:0!important}.tool-page .control textarea{min-height:94px!important;resize:vertical}.tool-page .control small{color:#7a7a83!important;font-size:8.5px!important}.tool-page .check-row{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:7px 0!important;font-size:10px!important;color:#515158!important}.tool-page .check-row input{width:16px!important;min-height:16px!important;flex:0 0 auto!important;margin:0!important;accent-color:var(--tool-accent,#e5322d)}
.tool-page .easy-stepper{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:6px}.tool-page .easy-stepper input{text-align:center!important;font-weight:750!important}.tool-page .easy-stepper button{min-height:40px;border:1px solid #dcdce2;border-radius:8px;background:#f7f7f9;color:#333339;font-size:17px;font-weight:700;cursor:pointer}.tool-page .easy-stepper button:hover{border-color:var(--tool-accent,#e5322d);color:var(--tool-accent,#e5322d);background:#fff}
.tool-page .easy-range{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:10px;align-items:center}.tool-page .easy-range input[type="range"]{appearance:none!important;-webkit-appearance:none!important;height:6px!important;min-height:6px!important;padding:0!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,var(--tool-accent,#e5322d) 0 var(--range-progress,50%),#e4e4e8 var(--range-progress,50%) 100%)!important;box-shadow:none!important;cursor:pointer}.tool-page .easy-range input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;border:3px solid #fff;border-radius:50%;background:var(--tool-accent,#e5322d);box-shadow:0 1px 6px rgba(20,20,30,.24)}.tool-page .easy-range input[type="range"]::-moz-range-thumb{width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:var(--tool-accent,#e5322d);box-shadow:0 1px 6px rgba(20,20,30,.24)}.tool-page .easy-value{display:grid;place-items:center;min-height:34px;border:1px solid #dedee3;border-radius:8px;background:#f7f7f9;color:#34343a;font-size:10px;font-weight:800}.tool-page .quality-preset{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.tool-page .quality-preset button{min-height:34px;border:1px solid #dedee3;border-radius:8px;background:#fff;color:#606068;font-size:9px;font-weight:750;cursor:pointer}.tool-page .quality-preset button:hover,.tool-page .quality-preset button.active{border-color:var(--tool-accent,#e5322d);background:color-mix(in srgb,var(--tool-accent,#e5322d) 7%,white);color:var(--tool-accent,#e5322d)}
.tool-page .v2-action-row{gap:7px!important}.tool-page .v2-btn,.tool-page .mini-btn,.tool-page .soft-btn,.tool-page .secondary-action{min-height:36px!important;border:1px solid #dcdce2!important;border-radius:8px!important;background:#fff!important;color:#44444b!important;padding:8px 10px!important;font-size:9.5px!important;font-weight:750!important;box-shadow:none!important}.tool-page .v2-btn:hover,.tool-page .mini-btn:hover,.tool-page .soft-btn:hover,.tool-page .secondary-action:hover{border-color:#bcbcc4!important;background:#f7f7f9!important}.tool-page .v2-btn.accent{border-color:var(--tool-accent,#e5322d)!important;background:var(--tool-accent,#e5322d)!important;color:#fff!important}.tool-page .v2-btn.danger{color:#c62924!important}
.tool-page .notice,.tool-page .v2-note,.tool-page .compat-note{margin:0!important;padding:11px 12px!important;border:1px solid #e0e0e5!important;border-radius:9px!important;background:#f8f8fa!important;color:#5e5e66!important;font-size:9.5px!important;line-height:1.55!important}
.tool-page .signature-mode{margin-top:0!important}.tool-page .signature-wrap{border:1px solid #dcdce2!important;border-radius:9px!important;background:#fff!important;overflow:hidden}.tool-page .signature-wrap canvas{display:block;width:100%;height:112px;background:linear-gradient(#fff 75%,#f0f0f3 76%,#fff 77%);touch-action:none}.tool-page .signature-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-top:1px solid #e2e2e7;color:#777780;font-size:9px}.tool-page .typed-signature-preview,.tool-page .signature-upload-preview{display:grid;place-items:center;min-height:92px;margin-top:9px;border:1px dashed #d3d3d9;border-radius:9px;background:#fafafa;color:#28282d;font-size:32px;font-style:italic;overflow:hidden}.tool-page .signature-upload-preview{font-size:10px;font-style:normal;color:#777780}.tool-page .signature-upload-preview img{display:block;max-width:100%;max-height:110px;object-fit:contain}
.tool-page .action-bar{position:static!important;z-index:12!important;margin:0!important;padding:12px 18px max(12px,env(safe-area-inset-bottom))!important;border-top:1px solid #e3e3e7!important;background:#fff!important;flex:0 0 auto!important}.tool-page .primary-btn,.tool-page .primary-action{width:100%!important;min-height:48px!important;border:0!important;border-radius:9px!important;background:var(--tool-accent,#e5322d)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;box-shadow:0 8px 18px color-mix(in srgb,var(--tool-accent,#e5322d) 20%,transparent)!important}.tool-page .primary-btn:hover,.tool-page .primary-action:hover{filter:brightness(.94)}.tool-page .primary-btn:disabled,.tool-page .primary-action:disabled{opacity:.55!important;cursor:not-allowed!important}.tool-page .status{min-height:0!important;margin:0!important;color:#6d6d75!important;font-size:9px!important;text-align:center!important}.tool-page .status:not(:empty){min-height:14px!important;margin-top:5px!important}.tool-page .status.success{color:#147a52!important}.tool-page .status.error{color:#c62924!important}

/* Preview cards */
.tool-page .pdf-page-grid,.tool-page .image-preview-grid,.tool-page .merge-board,.tool-page .organize-board{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:15px!important}.tool-page .pdf-thumb-card,.tool-page .page-card,.tool-page .merge-card,.tool-page .scan-card,.tool-page .image-card{border:1px solid #dcdce2!important;border-radius:11px!important;background:#fff!important;padding:7px!important;box-shadow:0 4px 14px rgba(20,20,30,.065)!important;color:#252529!important}.tool-page .pdf-thumb-card:hover,.tool-page .page-card:hover,.tool-page .merge-card:hover,.tool-page .scan-card:hover{transform:translateY(-1px)!important;border-color:#bdbdc6!important;box-shadow:0 8px 22px rgba(20,20,30,.10)!important}.tool-page .pdf-thumb-card.selected,.tool-page .page-card.selected{border-color:var(--tool-accent,#e5322d)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--tool-accent,#e5322d) 12%,transparent)!important}.tool-page .page-meta,.tool-page .merge-sub{color:#707078!important}.tool-page .merge-index{background:var(--tool-accent,#e5322d)!important;color:#fff!important}.tool-page .remove-file{background:#fff!important;color:#c62924!important;border:1px solid #e0e0e5!important}
.tool-page .preview,.tool-page .crop-shell,.tool-page .result-panel,.tool-page .html-stage,.tool-page .qr-canvas-wrap,.tool-page .barcode-wrap{border-color:#dcdce2!important;background:#fff!important;color:#252529!important}.tool-page .preview-stage{background:#f3f3f5!important}.tool-page .preview-stage>img,.tool-page .preview-stage>canvas{border-radius:8px!important;box-shadow:0 10px 28px rgba(20,20,30,.12)!important}
.tool-page .preview-fullscreen{inset:8px!important;border:1px solid #dcdce2!important;border-radius:12px!important;background:#f3f3f5!important;box-shadow:0 25px 70px rgba(20,20,30,.28)!important}.tool-page .preview-fullscreen .ds-preview-toolbar{top:0!important}

/* InPage converter: main text area left, options/actions right. */
.tool-page .converter-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 370px!important;grid-template-rows:auto auto minmax(420px,1fr) auto!important;gap:0!important;min-height:calc(100vh - 68px)!important;padding:0!important;background:#f3f3f5!important}
.tool-page .direction-switch,.tool-page .converter-toolbar,.tool-page .text-grid{grid-column:1!important}.tool-page .direction-switch{grid-row:1!important;margin:0!important;padding:12px 18px!important;border-bottom:1px solid #dedee3!important;background:#fff!important}.tool-page .converter-toolbar{grid-row:2!important;padding:10px 18px!important;border-bottom:1px solid #dedee3!important;background:#fff!important}.tool-page .text-grid{grid-row:3/5!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;padding:18px!important;background:#f3f3f5!important}.tool-page .text-panel{min-width:0!important;border:1px solid #dcdce2!important;border-radius:11px!important;background:#fff!important;box-shadow:0 5px 16px rgba(20,20,30,.055)!important}.tool-page .text-panel textarea{background:#fff!important;color:#222226!important;border:0!important}.tool-page .text-head{border-color:#e2e2e7!important;background:#fafafa!important}.tool-page .text-head strong{color:#27272a!important}.tool-page .conversion-options{grid-column:2!important;grid-row:1/3!important;overflow:auto!important;padding:20px 18px!important;background:#fff!important;border-left:1px solid #dedee3!important}.tool-page .option-tile{border-color:#e1e1e6!important;background:#fff!important;color:#38383f!important}.tool-page .compat-note{grid-column:2!important;grid-row:3!important;margin:0 18px!important;align-self:end!important}.tool-page .converter-actions{grid-column:2!important;grid-row:4!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:14px 18px 18px!important;background:#fff!important}.tool-page .converter-actions .primary-action{grid-column:1/-1!important}.tool-page .direction-tab.active{background:var(--tool-accent,#2563eb)!important;color:#fff!important}

/* Emoji editor: live canvas left, controls right. */
.tool-page .emoji-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;min-height:calc(100vh - 68px)!important;background:#f3f3f5!important}.tool-page .emoji-preview{order:1!important;padding:18px!important;background:#f3f3f5!important;color:#252529!important}.tool-page .emoji-controls{order:2!important;height:calc(100vh - 68px)!important;overflow:auto!important;padding:18px!important;border-left:1px solid #dedee3!important;background:#fff!important}.tool-page .control-block{border:1px solid #e1e1e6!important;border-radius:11px!important;background:#fff!important;color:#27272a!important}.tool-page .block-title strong{color:#27272a!important}.tool-page .canvas-shell{border-color:#dcdce2!important;background:#fff!important;box-shadow:0 8px 24px rgba(20,20,30,.08)!important}.tool-page .preview-top,.tool-page .export-row{border-color:#dedee3!important;background:#fff!important;color:#27272a!important}.tool-page .export-row{border-radius:10px!important;padding:10px!important}.tool-page .export-row .primary-action{width:auto!important;min-width:150px!important}

@media(max-width:1100px){
  .tool-page .ds-workbench{grid-template-columns:minmax(0,1fr) 350px!important}.tool-page .converter-workspace{grid-template-columns:minmax(0,1fr) 340px!important}.tool-page .emoji-workspace{grid-template-columns:minmax(0,1fr) 350px!important}
}
@media(max-width:940px){
  .tool-page .site-header{height:60px!important;padding:0 12px!important}.tool-page .brand img{width:36px!important;height:36px!important}.tool-page .brand span{display:none!important}.tool-page .header-tool-name{left:70px;right:70px;transform:none;max-width:none;text-align:center;font-size:12px}.tool-page .home-link{width:40px!important;height:40px!important;padding:0!important;font-size:0!important}.tool-page .home-link svg{margin:auto!important}
  .tool-page .tool-main,.tool-page .tool-workspace-card{min-height:calc(100vh - 60px)!important}.tool-page .ds-workbench{display:flex!important;flex-direction:column!important;min-height:calc(100vh - 60px)!important}.tool-page .ds-preview-pane{order:1!important;min-height:52vh!important;border-right:0!important;border-bottom:1px solid #dedee3!important}.tool-page .ds-controls-pane{order:2!important;height:auto!important;box-shadow:none!important}.tool-page .ds-controls-scroll{height:auto!important;max-height:none!important;overflow:visible!important;padding:16px 14px!important}.tool-page .ds-controls-pane>.action-bar{position:sticky!important;bottom:0!important;z-index:12!important;padding:10px 14px max(10px,env(safe-area-inset-bottom))!important;box-shadow:0 -8px 22px rgba(20,20,30,.08)!important}.tool-page .ds-preview-toolbar{top:60px!important}.tool-page .ds-preview-content{min-height:380px!important;padding:12px!important}.tool-page .ds-empty-preview{min-height:350px!important}.tool-page .panel-heading h2{font-size:18px}
  .tool-page .converter-workspace{display:flex!important;flex-direction:column!important;min-height:calc(100vh - 60px)!important}.tool-page .direction-switch,.tool-page .converter-toolbar,.tool-page .text-grid,.tool-page .conversion-options,.tool-page .compat-note,.tool-page .converter-actions{grid-column:auto!important;grid-row:auto!important}.tool-page .text-grid{grid-template-columns:1fr!important;padding:12px!important}.tool-page .text-panel textarea{min-height:300px!important}.tool-page .conversion-options{border-left:0!important;border-top:1px solid #dedee3!important;padding:16px 14px!important}.tool-page .compat-note{margin:0 14px!important}.tool-page .converter-actions{position:sticky!important;bottom:0!important;z-index:10!important;padding:12px 14px max(12px,env(safe-area-inset-bottom))!important;box-shadow:0 -7px 20px rgba(20,20,30,.07)!important}
  .tool-page .emoji-workspace{display:flex!important;flex-direction:column!important;min-height:calc(100vh - 60px)!important}.tool-page .emoji-preview{order:1!important;padding:12px!important}.tool-page .emoji-controls{order:2!important;height:auto!important;overflow:visible!important;border-left:0!important;border-top:1px solid #dedee3!important;padding:14px!important}.tool-page .export-row{position:sticky!important;bottom:0!important;z-index:8!important;flex-wrap:wrap!important}.tool-page .export-row .primary-action{width:100%!important}
}
@media(max-width:520px){
  .tool-page .brand div{display:none!important}.tool-page .header-tool-name{left:58px;right:58px}.tool-page .ds-preview-toolbar{padding:8px!important}.tool-page .ds-preview-toolbar .left small,.tool-page .zoom-level,.tool-page #v2ZoomFit,.tool-page .quick-file-actions,.tool-page .zoom-btn{display:none!important}.tool-page .preview-add-btn{padding:0 9px!important;font-size:0!important}.tool-page .preview-add-btn:after{content:"+";font-size:17px}.tool-page .ds-preview-content{min-height:340px!important}.tool-page .ds-empty-preview{min-height:310px!important;padding:20px 12px!important}.tool-page .pdf-page-grid,.tool-page .image-preview-grid,.tool-page .merge-board,.tool-page .organize-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.tool-page .converter-toolbar{overflow:auto!important;flex-wrap:nowrap!important}.tool-page .converter-actions{grid-template-columns:1fr!important}.tool-page .converter-actions>*{grid-column:1!important}.tool-page .text-grid{gap:10px!important}.tool-page .easy-stepper{grid-template-columns:44px minmax(0,1fr) 44px}.tool-page .quality-preset button{min-height:40px}
}
@media(max-width:390px){.tool-page .pdf-page-grid,.tool-page .image-preview-grid,.tool-page .merge-board,.tool-page .organize-board{grid-template-columns:1fr!important}.tool-page .site-header{padding-inline:8px!important}.tool-page .header-tool-name{left:52px;right:52px}}
@media(prefers-reduced-motion:reduce){.tool-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Workspace V4 — complete page responsiveness for every product and editor. */
html:has(body.tool-page),body.tool-page{width:100%;max-width:100%;overflow-x:clip}
.tool-page *,.tool-page *:before,.tool-page *:after{box-sizing:border-box}
.tool-page img,.tool-page svg,.tool-page canvas,.tool-page video,.tool-page iframe{max-width:100%}
.tool-page button,.tool-page input,.tool-page select,.tool-page textarea{max-width:100%}
.tool-page .tool-main,.tool-page .tool-workspace-card,.tool-page .workspace-body,
.tool-page .ds-workbench,.tool-page .ds-preview-pane,.tool-page .ds-preview-content,
.tool-page .ds-controls-pane,.tool-page .ds-controls-scroll,.tool-page .converter-workspace,
.tool-page .emoji-workspace,.tool-page .emoji-preview,.tool-page .emoji-controls,
.tool-page .text-grid,.tool-page .text-panel,.tool-page .control-grid,
.tool-page .two-file-grid,.tool-page .scan-editor,.tool-page .scan-side{min-width:0;max-width:100%}
.tool-page .panel-heading p,.tool-page .v2-hint,.tool-page .notice,.tool-page .v2-note,
.tool-page .compat-note,.tool-page .file-chip,.tool-page .v2-file-info,
.tool-page .result-panel,.tool-page .page-meta,.tool-page .merge-sub{overflow-wrap:anywhere;word-break:break-word}
.tool-page .result-panel,.tool-page .html-stage,.tool-page .preview,.tool-page .preview-stage,
.tool-page .crop-shell,.tool-page .qr-canvas-wrap,.tool-page .barcode-wrap{width:100%;max-width:100%;overflow:auto}
.tool-page .result-panel table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}
.tool-page .result-panel pre,.tool-page .result-panel code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.tool-page .two-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tool-page .mini-drop{min-width:0}.tool-page .mini-drop input[type="file"]{display:block;width:100%;max-width:100%;font-size:10px}
.tool-page .form-field-row input,.tool-page .form-field-row select,.tool-page .form-field-row textarea{width:100%;max-width:100%}
.tool-page .password-output{min-width:0}.tool-page .password-output input{min-width:0;flex:1}
.tool-page .metric-row,.tool-page .micro-actions,.tool-page .scan-editor-actions,
.tool-page .signature-tools,.tool-page .v2-action-row{max-width:100%;flex-wrap:wrap}
.tool-page .scan-editor{grid-template-columns:minmax(0,1fr) minmax(220px,260px)}
.tool-page .scan-canvas-wrap{min-width:0}.tool-page .scan-canvas-wrap img{width:auto;height:auto;object-fit:contain}
.tool-page .easy-stepper,.tool-page .easy-range,.tool-page .quality-preset{min-width:0;max-width:100%}
.tool-page .easy-stepper input{min-width:0}
.tool-page .converter-toolbar,.tool-page .converter-actions,.tool-page .export-row{max-width:100%}
.tool-page .converter-toolbar>*{min-width:0}
.tool-page .text-panel textarea{width:100%!important;max-width:100%!important;resize:vertical!important}
.tool-page .emoji-picker{grid-template-columns:repeat(auto-fit,minmax(38px,1fr))!important}
.tool-page .emoji-pick{min-width:0;min-height:38px}
.tool-page .canvas-shell{width:100%;max-width:100%;min-width:0}
.tool-page .canvas-shell canvas{width:min(100%,520px)!important;height:auto!important;object-fit:contain}

@media(max-width:1280px){
  .tool-page .ds-workbench{grid-template-columns:minmax(0,1fr) clamp(320px,31vw,370px)!important}
  .tool-page .converter-workspace{grid-template-columns:minmax(0,1fr) clamp(320px,34vw,360px)!important}
  .tool-page .emoji-workspace{grid-template-columns:minmax(0,1fr) clamp(320px,34vw,370px)!important}
  .tool-page .scan-editor{grid-template-columns:1fr!important}
  .tool-page .scan-side{max-height:none!important}
}

@media(max-width:960px){
  .tool-page .site-header{height:60px!important;min-height:60px!important;padding:0 12px!important;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
  .tool-page .brand img{width:36px!important;height:36px!important}.tool-page .brand span{display:none!important}
  .tool-page .header-tool-name{left:68px!important;right:68px!important;max-width:none!important;transform:none!important;text-align:center;font-size:12px}
  .tool-page .home-link{width:40px!important;height:40px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important}
  .tool-page .tool-main,.tool-page .tool-workspace-card{min-height:calc(100svh - 60px)!important}
  .tool-page .ds-workbench{display:flex!important;flex-direction:column!important;min-height:calc(100svh - 60px)!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{height:auto!important;min-height:360px!important;border-right:0!important;border-bottom:1px solid #dedee3!important}
  .tool-page .ds-controls-pane{height:auto!important;min-height:0!important;box-shadow:none!important}
  .tool-page .ds-controls-scroll{height:auto!important;max-height:none!important;overflow:visible!important;padding:16px!important}
  .tool-page .ds-controls-pane>.action-bar{position:sticky!important;bottom:0!important;z-index:20!important;padding:10px 16px max(10px,env(safe-area-inset-bottom))!important;box-shadow:0 -8px 22px rgba(20,20,30,.09)!important}
  .tool-page .ds-preview-toolbar{top:60px!important}
  .tool-page .ds-preview-content{min-height:320px!important;padding:14px!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 .converter-workspace,.tool-page .emoji-workspace{display:flex!important;flex-direction:column!important;min-height:calc(100svh - 60px)!important}
  .tool-page .direction-switch,.tool-page .converter-toolbar,.tool-page .text-grid,
  .tool-page .conversion-options,.tool-page .compat-note,.tool-page .converter-actions{grid-column:auto!important;grid-row:auto!important}
  .tool-page .text-grid{grid-template-columns:1fr!important;padding:14px!important}
  .tool-page .text-panel textarea{min-height:280px!important;height:min(42vh,390px)!important}
  .tool-page .conversion-options{border-left:0!important;border-top:1px solid #dedee3!important;padding:16px!important}
  .tool-page .compat-note{margin:0 16px!important}
  .tool-page .converter-actions{position:sticky!important;bottom:0!important;z-index:20!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;background:#fff!important;box-shadow:0 -8px 22px rgba(20,20,30,.08)!important}
  .tool-page .emoji-preview{order:1!important;padding:14px!important;min-height:0!important}
  .tool-page .emoji-controls{order:2!important;width:100%!important;height:auto!important;overflow:visible!important;border-left:0!important;border-top:1px solid #dedee3!important;padding:16px!important}
  .tool-page .export-row{position:sticky!important;bottom:0!important;z-index:12!important;background:#fff!important}
}

@media(max-width:720px){
  .tool-page .site-header{height:56px!important;min-height:56px!important;padding-inline:10px!important}
  .tool-page .brand img{width:34px!important;height:34px!important;border-radius:9px!important}.tool-page .brand div{display:none!important}
  .tool-page .header-tool-name{left:54px!important;right:54px!important;font-size:11px}
  .tool-page .home-link{width:38px!important;height:38px!important}
  .tool-page .tool-main,.tool-page .tool-workspace-card{min-height:calc(100svh - 56px)!important}
  .tool-page .ds-workbench,.tool-page .converter-workspace,.tool-page .emoji-workspace{min-height:calc(100svh - 56px)!important}
  .tool-page .ds-preview-pane{min-height:310px!important}
  .tool-page .ds-preview-toolbar{top:56px!important;height:auto!important;min-height:52px!important;padding:8px 10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .tool-page .ds-preview-toolbar .left{overflow:hidden!important}.tool-page .ds-preview-toolbar .left strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tool-page .ds-preview-toolbar .right{min-width:0!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain;justify-content:flex-end!important;flex-wrap:nowrap!important;padding-bottom:1px}
  .tool-page .quick-file-actions{display:flex!important;flex:0 0 auto!important}
  .tool-page .ds-preview-toolbar .left small,.tool-page .zoom-level,.tool-page #v2ZoomFit{display:none!important}
  .tool-page .ds-preview-content{min-height:280px!important;padding:10px!important}
  .tool-page .ds-empty-preview{min-height:270px!important;padding:22px 14px!important}
  .tool-page .ds-empty-preview .empty-icon{width:54px!important;height:54px!important;border-radius:14px!important}
  .tool-page .ds-empty-preview strong{font-size:15px!important}.tool-page .ds-empty-preview p{font-size:10px!important}
  .tool-page .ds-controls-scroll{padding:14px 12px!important;gap:12px!important}
  .tool-page .ds-controls-pane>.action-bar{padding-inline: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 .pdf-page-grid,.tool-page .image-preview-grid,.tool-page .merge-board,
  .tool-page .organize-board,.tool-page .scan-board{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr))!important;gap:9px!important}
  .tool-page .page-quick-actions,.tool-page .merge-card .remove-file{opacity:1!important;transform:none!important}
  .tool-page .scan-editor{display:flex!important;flex-direction:column!important;min-height:0!important}
  .tool-page .scan-canvas-wrap{min-height:clamp(280px,58vh,440px)!important}.tool-page .scan-side{width:100%!important}
  .tool-page .split-summary,.tool-page .merge-summary{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))!important}
  .tool-page .metric-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;width:100%}
  .tool-page .micro-actions,.tool-page .scan-editor-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
  .tool-page .micro-actions>*,.tool-page .scan-editor-actions>*{width:100%!important}
  .tool-page .password-output{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
  .tool-page .compat-note{display:grid!important;gap:4px!important}.tool-page .compat-note b{white-space:normal!important}
  .tool-page .converter-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding:10px 12px!important}
  .tool-page .converter-toolbar>*{width:100%!important;margin:0!important}.tool-page .converter-toolbar .auto-toggle,.tool-page .converter-toolbar .swap-btn{grid-column:1/-1!important}
  .tool-page .direction-switch{padding:10px 12px!important}
  .tool-page .text-grid{padding:12px!important;gap:10px!important}.tool-page .text-panel textarea{height:300px!important;min-height:240px!important;padding:14px!important}
  .tool-page .conversion-options{padding:14px 12px!important}.tool-page .option-grid{grid-template-columns:1fr!important}
  .tool-page .compat-note{margin:0 12px!important}
  .tool-page .converter-actions{grid-template-columns:1fr!important;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important}
  .tool-page .converter-actions>*{grid-column:1!important;width:100%!important;margin:0!important}
  .tool-page .emoji-controls,.tool-page .emoji-preview{padding:12px!important}
  .tool-page .emoji-controls .control-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tool-page .emoji-controls .control-grid .wide{grid-column:1/-1!important}
  .tool-page .canvas-shell{min-height:clamp(260px,56vh,430px)!important;padding:12px!important}
  .tool-page .export-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}
  .tool-page .export-row>*{width:100%!important;min-width:0!important}
  .tool-page .toast-stack,.tool-page .pro-toast{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;max-width:none!important}
}

@media(max-width:480px){
  .tool-page .site-header{padding-inline:8px!important}.tool-page .header-tool-name{left:48px!important;right:48px!important}
  .tool-page .ds-preview-toolbar{grid-template-columns:minmax(0,1fr) auto!important}.tool-page .ds-preview-toolbar .zoom-btn{display:none!important}
  .tool-page .preview-add-btn{font-size:0!important;padding:0 10px!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;font-size:8.5px!important}
  .tool-page .ds-preview-content{min-height:250px!important}.tool-page .ds-empty-preview{min-height:240px!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 .v2-section{padding:12px!important}.tool-page .v2-file-row{grid-template-columns:42px minmax(0,1fr) auto!important}
  .tool-page .v2-file-thumb{width:42px!important;height:42px!important}
  .tool-page .easy-stepper{grid-template-columns:42px minmax(0,1fr) 42px!important}.tool-page .easy-stepper button{min-height:44px!important}
  .tool-page .easy-range{grid-template-columns:minmax(0,1fr) 50px!important}.tool-page .quality-preset{grid-template-columns:1fr!important}
  .tool-page .quality-preset button{min-height:42px!important}
  .tool-page .mode-tabs{grid-template-columns:1fr!important}.tool-page .range-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px!important}
  .tool-page .micro-actions,.tool-page .scan-editor-actions{grid-template-columns:1fr!important}
  .tool-page .signature-tools{align-items:stretch!important;flex-direction:column!important}.tool-page .signature-tools>*{width:100%!important}
  .tool-page .emoji-controls .control-grid{grid-template-columns:1fr!important}.tool-page .emoji-controls .control-grid .wide{grid-column:1!important}
  .tool-page .emoji-picker{grid-template-columns:repeat(auto-fit,minmax(40px,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 .v2-btn{padding-inline:6px!important}.tool-page .full-preview-btn{display:none!important}
  .tool-page .direction-switch{grid-template-columns:1fr!important}
}

@media(max-height:600px) and (min-width:961px){
  .tool-page .ds-empty-preview{min-height:calc(100vh - 165px)!important}
  .tool-page .ds-controls-scroll{padding-block:14px!important;gap:11px!important}
}

/* Screenshot-driven corrections: independent converter columns and viewport-fit editors. */
.tool-page .converter-workspace.is-structured{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(350px,29vw,410px)!important;
  grid-template-rows:1fr!important;
  height:calc(100svh - 68px)!important;
  min-height:560px!important;
  overflow:hidden!important;
}
.tool-page .converter-main-pane{
  min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;
  overflow:hidden;background:#f3f3f5
}
.tool-page .converter-main-pane .direction-switch,
.tool-page .converter-main-pane .converter-toolbar{flex:0 0 auto;width:100%}
.tool-page .converter-main-pane .text-grid{
  flex:1 1 auto;min-height:0;width:100%;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-column:auto!important;grid-row:auto!important;align-items:stretch!important
}
.tool-page .converter-main-pane .text-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.tool-page .converter-main-pane .text-panel textarea{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;resize:none!important
}
.tool-page .converter-settings-pane{
  min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;
  overflow:hidden;border-left:1px solid #dedee3;background:#fff
}
.tool-page .converter-settings-pane .conversion-options{
  flex:1 1 auto;min-height:0;overflow:auto!important;grid-column:auto!important;grid-row:auto!important;
  margin:0!important;padding:18px!important;border:0!important;background:#fff!important
}
.tool-page .converter-settings-pane .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.tool-page .converter-settings-pane .option-tile{min-width:0;padding:11px!important}
.tool-page .converter-settings-pane .compat-note{
  flex:0 0 auto;grid-column:auto!important;grid-row:auto!important;align-self:auto!important;
  margin:0 14px 10px!important
}
.tool-page .converter-settings-pane .converter-actions{
  flex:0 0 auto;position:static!important;grid-column:auto!important;grid-row:auto!important;
  padding:10px 14px max(12px,env(safe-area-inset-bottom))!important;
  border-top:1px solid #e3e3e7!important;box-shadow:none!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:calc(100svh - 68px)!important;min-height:520px!important;overflow:hidden!important}
.tool-page[data-tool-id="emoji-maker"] .emoji-preview{
  height:100%!important;min-height:0!important;overflow:hidden!important;padding:12px 16px!important
}
.tool-page[data-tool-id="emoji-maker"] .preview-top{flex:0 0 auto;margin-bottom:8px!important}
.tool-page[data-tool-id="emoji-maker"] .canvas-shell{
  flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:10px!important;border-radius:14px!important
}
.tool-page[data-tool-id="emoji-maker"] .canvas-shell canvas{
  width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100svh - 228px)!important;border-radius:16px!important
}
.tool-page[data-tool-id="emoji-maker"] .export-row{flex:0 0 auto;margin-top:8px!important;padding:8px!important}
.tool-page[data-tool-id="emoji-maker"] .emoji-preview>p{flex:0 0 auto;margin-top:6px!important}
.tool-page[data-tool-id="emoji-maker"] .emoji-controls{height:100%!important;padding:12px!important}
.tool-page[data-tool-id="emoji-maker"] .control-block{padding:10px!important;margin-bottom:8px!important}
.tool-page[data-tool-id="emoji-maker"] .block-title{margin-bottom:8px!important}

@media(max-width:960px){
  .tool-page .converter-workspace.is-structured{display:flex!important;height:auto!important;min-height:calc(100svh - 60px)!important;overflow:visible!important}
  .tool-page .converter-main-pane,.tool-page .converter-settings-pane{width:100%;height:auto!important;min-height:0;overflow:visible}
  .tool-page .converter-main-pane{order:1}.tool-page .converter-settings-pane{order:2;border-left:0;border-top:1px solid #dedee3}
  .tool-page .converter-main-pane .text-grid{grid-template-columns:1fr!important;min-height:0!important}
  .tool-page .converter-main-pane .text-panel textarea{height:300px!important;min-height:260px!important;resize:vertical!important}
  .tool-page .converter-settings-pane .conversion-options{overflow:visible!important}
  .tool-page .converter-settings-pane .compat-note{margin:0 14px 10px!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(100svh - 60px)!important;overflow:visible!important}
  .tool-page[data-tool-id="emoji-maker"] .emoji-preview{height:auto!important;min-height:480px!important;overflow:visible!important}
  .tool-page[data-tool-id="emoji-maker"] .canvas-shell{min-height:330px!important}
  .tool-page[data-tool-id="emoji-maker"] .canvas-shell canvas{max-height:min(58svh,520px)!important}
  .tool-page[data-tool-id="emoji-maker"] .emoji-controls{height:auto!important;overflow:visible!important}
}

@media(max-width:720px){
  .tool-page .converter-settings-pane .option-grid{grid-template-columns:1fr!important}
  .tool-page .converter-main-pane .text-panel textarea{height:280px!important;min-height:230px!important}
  .tool-page[data-tool-id="emoji-maker"] .emoji-preview{min-height:420px!important;padding:10px!important}
  .tool-page[data-tool-id="emoji-maker"] .canvas-shell{min-height:280px!important}
}