/* Restrained materials shared by the thirteen native tool intents. Suppliers,
   editor planes and the existing Fluid transforms retain their owners. */
body[data-tool-experience="1"] {
  --ui-canvas:#f3f5f8;--ui-inset:#f4f6fa;--ui-ink:#19263a;--ui-copy:#56657a;--ui-muted:#6b788c;
  --ui-line:#dfe5ee;--ui-rule:#edf0f5;--ui-accent:#286bed;--ui-accent-deep:#205ccf;--ui-accent-soft:#edf3ff;
  --ui-radius:20px;--ui-control-radius:12px;
  --ui-shadow:0 1px 2px #1c365a04,0 7px 20px -14px #1c365a26;
  --ui-control-shadow:0 1px 2px #1c365a0d,inset 0 1px 0 #ffffff80;
  --ui-press-scale:.985;--ui-motion-settle:380ms;
  background:var(--ui-canvas);color:var(--ui-ink);
}
body[data-tool-experience="1"] .frame { gap:20px; }
body[data-tool-experience="1"] .frame-head:has(>.imageee-support-header-link) {
  border-color:var(--ui-line);border-radius:19px;background:#fff;box-shadow:var(--ui-shadow);
}
body[data-tool-experience="1"] .frame-head .lang-control { background:#f7f9fc;box-shadow:none; }
body[data-tool-experience="1"] .imageee-support-header-link {
  background:linear-gradient(#fff,#f7f9fc);border-color:var(--ui-line);box-shadow:var(--ui-control-shadow);
}

/* The same existing thirteen links form a compact direct desktop directory.
   The odd final task uses the same cell dimensions as every native tab. */
body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] {
  position:relative;display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0;
  padding:12px;border:1px solid var(--ui-line);border-radius:18px;background:#fff;box-shadow:var(--ui-shadow);overflow:visible;
}
body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready]>.tool-palette-title { display:none; }
body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready]>.tool-palette-toggle { display:none!important; }
body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav-scroll-shell { position:static;overflow:visible; }
body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav.nav-palette {
  position:static;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;
  width:100%;max-height:none;padding:0;overflow:visible!important;border:0;border-radius:0;background:none;box-shadow:none;
}
body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .tool-menu-search { display:none!important; }
body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav.nav-palette>a:is(.nav-tab,.tool-menu-task)[href] {
  display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;gap:8px;min-width:0!important;width:100%!important;max-width:100%;min-height:46px;height:auto;
  padding:9px 10px;border:1px solid transparent;border-radius:11px;background:transparent;box-shadow:none;
  color:#53627a;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;
}
body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav.nav-palette>a:is(.nav-tab,.tool-menu-task)[href]:is(.active,[aria-current="page"]) {
  border-color:#d2dff7;background:#edf3ff;box-shadow:0 1px 2px #27538a08;color:#205cce;font-weight:700;
}
body[data-tool-experience="1"] .tool-palette :is(.nav-label,.tool-menu-task-label) { min-width:0;white-space:normal;overflow-wrap:anywhere; }
body[data-tool-experience="1"] .tool-palette .nav-ico { flex:0 0 20px;width:20px;height:20px;color:#8090a6; }
body[data-tool-experience="1"] .tool-palette :is(a.active,a[aria-current="page"]) .nav-ico { color:#286bed; }
body[data-tool-experience="1"][data-page] .frame>.tool-palette .nav.nav-palette>a[hidden],
body[data-tool-experience="1"][data-page] .frame>.tool-palette .nav.nav-palette>.tool-menu-empty[hidden] { display:none!important; }

/* Real content retains useful density. The larger field/editor geometry stays
   native; only the surfaces, type and optical hierarchy are shared here. */
body[data-tool-experience="1"] :is(.tool-search-lead,.workspace-layout-masthead) { margin-bottom:16px;padding:4px 4px 0; }
body[data-tool-experience="1"] :is(.tool-search-lead,.workspace-layout-masthead) :is(.options-title,.workspace-layout-title) {
  color:var(--ui-ink);font-size:28px;line-height:1.25;letter-spacing:-.04em;
}
body[data-tool-experience="1"] :is(.tool-search-lead,.workspace-layout-masthead) .options-sub { margin-top:9px;line-height:1.65; }
body[data-tool-experience="1"] .app :is(.uploader,.options,.panel) { border-color:var(--ui-line);background:#fff;box-shadow:var(--ui-shadow); }
body[data-tool-experience="1"] .app :is(.uploader,.options) { padding:24px; }
body[data-tool-experience="1"] .app :is(.upload-title,.panel-title,.batch-title) { font-size:18px;letter-spacing:-.025em; }
body[data-tool-experience="1"] .app .options-title { font-size:21px;letter-spacing:-.03em; }
body[data-tool-experience="1"] .app :is(.upload-title,.options-title,.panel-title)::before { box-shadow:none;background:#edf3ff;color:#2865d3;border:1px solid #dbe6fa; }
body[data-tool-experience="1"] .app .dropzone { border-color:#bbcee8;background:#f6f9ff;box-shadow:none; }
body[data-tool-experience="1"] .app .dropzone-icon { border-color:#d3e0f4;background:#fff;box-shadow:0 2px 5px #286bed0d; }
body[data-tool-experience="1"] .app .dropzone:is(.dragover,[data-dragging="true"]) { border-color:#286bed;background:#edf4ff;box-shadow:inset 0 0 0 1px #286bed; }
body[data-tool-experience="1"] .app .workspace-layout-fields>.workspace-layout-field { border-color:#e3e8f0;background:#f8fafd;box-shadow:none; }
body[data-tool-experience="1"] .app .workspace-layout-fields>.workspace-layout-field:focus-within { border-color:#b4cbee;background:#f8faff;box-shadow:none; }
body[data-tool-experience="1"] .app :is(.num,input[type="number"],input[type="text"],input[type="search"],select) { background-color:#f4f6fa;border-color:#d8e0ec;box-shadow:inset 0 1px 2px #243d5c05; }
body[data-tool-experience="1"] .app :is(.seg,.pdf-workflow-choice) { background:#f0f3f8;border-color:#e0e6ef;box-shadow:inset 0 1px 2px #243d5c05; }
body[data-tool-experience="1"] .app .tool-choice-marker { background:#fff;border-color:#dce5f2;box-shadow:0 1px 3px #243d5c14; }
body[data-tool-experience="1"] .app :is(.tool-advanced,.support-panel) { border-color:#e1e7ef;background:#f9fbfd;box-shadow:none; }
body[data-tool-experience="1"] .app .runbar.workspace-layout-action { border-color:#e1e7f0;background:#f7f9fc;box-shadow:none; }
body[data-tool-experience="1"] .app :is(.btn,.upload-start-action) { background:linear-gradient(#fff,#f8fafc);border-color:#d5deeb;box-shadow:var(--ui-control-shadow);text-shadow:none; }
body[data-tool-experience="1"] .app :is(.btn.primary,.upload-start-action),
body[data-tool-experience="1"][data-page="convert"] .app #run.btn.primary {
  background:linear-gradient(#3278f1,#2867df);border-color:#2865da;color:#fff;box-shadow:0 1px 2px #1d5acb1a,inset 0 1px 0 #ffffff26;text-shadow:none;
}
body[data-tool-experience="1"] .app :is(.btn,.upload-start-action):is(:disabled,[aria-disabled="true"]),
body[data-tool-experience="1"][data-page="convert"] .app #run.btn.primary:is(:disabled,[aria-disabled="true"]) { background:#f0f3f7;border-color:#e0e6ef;color:#7b889c;box-shadow:none;text-shadow:none; }
body[data-tool-experience="1"] .app .batch-item { background:#fff;border-color:#e0e6ef;box-shadow:0 1px 2px #203b6305; }
body[data-tool-experience="1"] .app .batch-item.active { border-color:#a9c4f0;background:#f7faff; }
body[data-tool-experience="1"] .tool-experience-run-scope { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;border:1px solid #dce4ef;border-radius:12px;background:#f1f4f8; }
body[data-tool-experience="1"] .tool-experience-run-scope[hidden] { display:none!important; }
body[data-tool-experience="1"] .tool-experience-scope-button { display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:44px;padding:9px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#53647c;font-family:inherit;font-weight:600;font-size:13px;line-height:1.4;cursor:pointer;touch-action:manipulation;transition:scale 220ms cubic-bezier(.2,.8,.2,1),border-color 160ms,background-color 160ms; }
body[data-tool-experience="1"] .tool-experience-scope-button[aria-pressed="true"] { border-color:#d7e3f4;background:#fff;color:#245fb9;box-shadow:0 1px 2px #203b6310; }
body[data-tool-experience="1"] .tool-experience-scope-button:disabled { opacity:.55;cursor:default; }
body[data-tool-experience="1"] .tool-experience-scope-button:focus-visible { outline:3px solid #8aaff4;outline-offset:2px; }
body[data-tool-experience="1"] .tool-experience-scope-note { grid-column:1/-1;margin:4px 6px 6px;color:#53647b;font-size:13px;line-height:1.6; }
body[data-tool-experience="1"] :is(.tool-experience-scope-note[hidden],.tool-experience-obsolete-scope) { display:none!important; }
/* Fluid still supplies actual pressure. Restrain its optical depth without
   touching its scale, image/row translate or editor coordinate systems. */
body[data-tool-experience="1"] .imageee-motion-control[data-ui-sheen]::before { background:linear-gradient(#152d4d00,#152d4d0b);box-shadow:inset 0 1px 3px #152d4d1f; }
body[data-tool-experience="1"] .imageee-motion-control[data-ui-press="down"]:not(:disabled):not([aria-disabled="true"]):not([hidden]),
body[data-tool-experience="1"][data-page="convert"] .app #run.btn.primary.imageee-motion-control[data-ui-press="down"]:not(:disabled):not([aria-disabled="true"]) { box-shadow:inset 0 2px 3px #152d4d26,0 1px 1px #152d4d08; }

/* Only uncovered leaves receive this contact owner. No legacy transform is
   replaced; holding a control has no JS frame loop or repeated work. */
body[data-tool-experience="1"] :is(.compress-candidate,.compress-candidate-actions>button,.tool-menu-task,.tool-workspace-toggle,.tool-workspace-link,.tool-workspace-hold):not(.imageee-motion-control):not(.btn):not(.seg-btn):not(.nav-tab) {
  transition:scale 220ms cubic-bezier(.2,.8,.2,1),border-color 160ms,background-color 160ms,box-shadow 160ms;
}
/* The original-view hold retains its native touch-action:none contract. */
body[data-tool-experience="1"] :is(.compress-candidate,.compress-candidate-actions>button,.tool-menu-task,.tool-workspace-toggle,.tool-workspace-link):not(.tool-workspace-hold) { touch-action:manipulation; }
body[data-tool-experience="1"] [data-tool-experience-contact="pressed"]:not(:disabled):not([aria-disabled="true"]):not(.imageee-motion-control) {
  scale:.985;box-shadow:inset 0 2px 3px #152d4d1f;transition-duration:72ms;
}
body[data-tool-experience="1"] :is(.compress-candidate-actions>button,.tool-workspace-toggle,.tool-workspace-link,.tool-workspace-hold) { min-height:44px; }
body[data-tool-experience="1"] .compress-candidate { background:#fff;border-color:#dce4ef;box-shadow:0 1px 2px #203b6308; }
body[data-tool-experience="1"] .compress-candidate:is(.is-selected,[aria-pressed="true"]) { background:#f1f6ff;border-color:#7da6e9;box-shadow:inset 0 0 0 1px #7da6e94d; }
body[data-tool-experience="1"] .compress-candidate-actions>button { background:#f7f9fc;border-color:#d9e2ee;border-radius:11px; }
body[data-tool-experience="1"] :is(.compress-candidate-limit)>summary { min-height:44px;align-content:center;cursor:pointer; }
body[data-tool-experience="1"] :is(.tool-palette a[href],.tool-workspace-link,.tool-workspace-toggle,.tool-workspace-hold,.compress-candidate,.compress-candidate-actions>button):focus-visible { outline:3px solid #8aaff4;outline-offset:3px; }
@supports (interpolate-size:allow-keywords) and selector(details::details-content) and (transition-behavior:allow-discrete) {
  body[data-tool-experience="1"] :is(details.compress-candidate-limit):not(.imageee-motion-details) { interpolate-size:allow-keywords; }
  body[data-tool-experience="1"] :is(details.compress-candidate-limit):not(.imageee-motion-details)::details-content { block-size:0;overflow:clip;transition:block-size 240ms cubic-bezier(.2,.8,.2,1),content-visibility 240ms allow-discrete; }
  body[data-tool-experience="1"] :is(details.compress-candidate-limit):not(.imageee-motion-details)[open]::details-content { block-size:auto; }
}
@media (hover:hover) and (pointer:fine) {
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav.nav-palette>a:is(.nav-tab,.tool-menu-task)[href]:not(.active):not([aria-current="page"]):hover { border-color:#e4eaf4;background:#f5f8fc;color:#2c4e82; }
  body[data-tool-experience="1"] .app :is(.btn.primary,.upload-start-action):hover:not(:disabled):not([aria-disabled="true"]),body[data-tool-experience="1"][data-page="convert"] .app #run.btn.primary:hover:not(:disabled):not([aria-disabled="true"]) { background:linear-gradient(#2d72e9,#235fd3);border-color:#215dcf; }
  body[data-tool-experience="1"] .compress-candidate:not([aria-pressed="true"]):hover { border-color:#aac3e8;background:#f9fbff; }
}
@media (min-width:761px) and (max-width:1100px) {
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav.nav-palette { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
/* Keep the native intake -> preview -> settings reading order when columns
   stack. Integrated editors, document workbenches and supplier rows retain
   their own layout. No node, tab index or native jump target changes. */
@media (max-width:980px) {
  body[data-tool-experience="1"]:is([data-page="resize"],[data-page="compress"],[data-page="upscale"],[data-page="exif"],[data-page="gif-create"],[data-page="gif-split"],[data-page="pdf"]) .frame-body .app:not(.tool-workspace-page-editor):not(:has(#pdfPageWorkspace:not([hidden])))>.left>:is(.preview-grid,.panel):not(:has(iframe:not(.imgbox>img#preview~iframe.media-preview-frame[data-imageee-media-preview-for="preview"][hidden]:not([src]):not([srcdoc]),.imgbox>img#outputPreview~iframe.media-preview-frame[data-imageee-media-preview-for="outputPreview"][hidden]:not([src]):not([srcdoc])),script,object,embed,.site-ad-slot,.site-ad-band,.site-ad-outer-rails,.site-ad-mobile-dock,.adsbygoogle,.adsbyjuicy,[data-site-ad-key],[data-site-ad-band],[data-ad-provider],[data-imageee-ad-cluster],[data-imageee-ad-surface],[data-ad-placement],[data-placement-id],[data-zone-id],[data-zone],[data-placement])) { order:2; }
}
@media (max-width:760px) {
  body[data-tool-experience="1"] .frame { gap:16px; }
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] { z-index:30;padding:0;border:0;background:none;box-shadow:none;border-radius:14px; }
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready]>.tool-palette-toggle { display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-width:0;width:100%;min-height:48px;padding:11px 15px;border:1px solid var(--ui-line);border-radius:13px;background:#fff;box-shadow:var(--ui-shadow);color:#344863;font-size:14px; }
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav.nav-palette { position:absolute;display:none!important;inset-inline:0;top:calc(100% + 8px);z-index:60;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-height:min(70vh,520px);padding:10px;gap:5px;border:1px solid #dce5f0;border-radius:17px;background:#fff;box-shadow:0 12px 30px -12px #213c6138,0 24px 55px -35px #213c613d;overflow-x:hidden!important;overflow-y:auto!important; }
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready][data-tools-open] .nav.nav-palette { display:grid!important; }
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .tool-menu-search { display:flex!important;grid-column:1/-1;margin-bottom:5px;background:#fff; }
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav.nav-palette>a:is(.nav-tab,.tool-menu-task)[href] { min-height:48px;padding:10px 9px;font-size:13px; }
  body[data-tool-experience="1"][data-page] .frame>.tool-palette .nav.nav-palette>a:is([hidden],.tool-menu-filtered) { display:none!important; }
  body[data-tool-experience="1"] :is(.tool-search-lead,.workspace-layout-masthead) :is(.options-title,.workspace-layout-title) { font-size:25px; }
  body[data-tool-experience="1"] .app :is(.uploader,.options) { padding:20px; }
  body[data-tool-experience="1"] :is(.app,.tool-palette,.tool-workspace-palette) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea) { font-size:16px; }
  body[data-tool-experience="1"] .app :is(.batch-actions>.batch-remove,.batch-actions>.batch-retry,.flow-card-tools>button,.seg-btn) { min-height:44px; }
}
@media (prefers-reduced-motion:reduce),(forced-colors:active) {
  body[data-tool-experience="1"] .tool-experience-scope-button { transition:none;scale:none; }
  body[data-tool-experience="1"] :is([data-tool-experience-contact],.compress-candidate,.compress-candidate-actions>button,.tool-menu-task,.tool-workspace-toggle,.tool-workspace-link,.tool-workspace-hold) { transition:none;scale:none; }
  body[data-tool-experience="1"] :is(details.compress-candidate-limit):not(.imageee-motion-details)::details-content { transition:none; }
}
@media (forced-colors:active) {
  body[data-tool-experience="1"] .tool-experience-run-scope,body[data-tool-experience="1"] .tool-experience-scope-button { border-color:ButtonBorder;background:Canvas;color:ButtonText;box-shadow:none; }
  body[data-tool-experience="1"] .tool-experience-scope-button[aria-pressed="true"] { border-color:Highlight;outline:1px solid Highlight;outline-offset:-2px; }
  body[data-tool-experience="1"] { --ui-canvas:Canvas;--ui-surface:Canvas;--ui-inset:Canvas;--ui-ink:CanvasText;--ui-copy:CanvasText;--ui-muted:CanvasText;--ui-line:ButtonBorder;--ui-rule:ButtonBorder;--ui-accent:Highlight;--ui-accent-deep:Highlight;--ui-accent-soft:Canvas;--ui-shadow:none;--ui-control-shadow:none; }
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready],body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav.nav-palette,body[data-tool-experience="1"] .app :is(.uploader,.options,.panel,.dropzone,.workspace-layout-field,.workspace-layout-action,.btn,.upload-start-action),body[data-tool-experience="1"] .compress-candidate { color:CanvasText;background:Canvas;border-color:ButtonBorder;box-shadow:none; }
  body[data-tool-experience="1"][data-page] .frame>.tool-palette[data-tools-menu-ready] .nav.nav-palette>a:is(.active,[aria-current="page"]),body[data-tool-experience="1"] .compress-candidate[aria-pressed="true"] { color:Highlight;background:Canvas;border:2px solid Highlight;box-shadow:none; }
  body[data-tool-experience="1"] .app :is(.btn,.upload-start-action):is(:disabled,[aria-disabled="true"]) { color:GrayText;border-color:GrayText;background:Canvas; }
  body[data-tool-experience="1"][data-page="convert"] .app #run.btn.primary { color:ButtonText;border-color:ButtonBorder;background:ButtonFace;box-shadow:none; }
  body[data-tool-experience="1"][data-page="convert"] .app #run.btn.primary:is(:disabled,[aria-disabled="true"]) { color:GrayText;border-color:GrayText;background:Canvas; }
  body[data-tool-experience="1"] :is(.tool-palette a[href],.tool-workspace-link,.tool-workspace-toggle,.tool-workspace-hold,.compress-candidate,.compress-candidate-actions>button):focus-visible { outline-color:Highlight; }
}

/* The directory itself is the complete tool chooser. */
body[data-page="tools"] .tool-experience-directory-palette:not(iframe,canvas,script,object,embed,.site-ad-slot,.site-ad-band,.site-ad-outer-rails,.site-ad-mobile-dock,.adsbygoogle,.adsbyjuicy,[data-site-ad-key],[data-site-ad-band],[data-ad-provider],[data-imageee-ad-cluster],[data-imageee-ad-surface],[data-ad-placement],[data-placement-id],[data-zone-id],[data-zone],[data-placement]):not(:has(iframe,canvas,script,object,embed,.site-ad-slot,.site-ad-band,.site-ad-outer-rails,.site-ad-mobile-dock,.adsbygoogle,.adsbyjuicy,[data-site-ad-key],[data-site-ad-band],[data-ad-provider],[data-imageee-ad-cluster],[data-imageee-ad-surface],[data-ad-placement],[data-placement-id],[data-zone-id],[data-zone],[data-placement])) { display:none!important; }