/* frontend/app/ui/tool-clarity.css SHA256 475c328d386154303e9445a10a2f482cf964c0ab2c3e03178dcda2f5c2baf1b5 */
/* Native settings, visibility and interaction geometry only.
   Shared appearance belongs to product-surface.css. */
/* Native paint simplification hid these functional settings. The three
   watermark position rows stay owned by the paint editor; hidden is respected. */
body[data-page="watermark"].simplified-editor-watermark .app .right .options .form .row:not([hidden]):not(#wmPositionModeRow):not(#wmPresetRow):not(#wmCustomPosRow) { display: grid; }
body[data-page="mosaic"].simplified-editor-mosaic:not(.mosaic-workflow-unified) .app .right .options .form:not([hidden]) { display: grid; }
body[data-page] .app .row {
  grid-template-columns: minmax(0,1fr);
  gap: 9px;
}
body[data-page] .app .label { min-height: 0; }
body[data-page] .app input[type="range"] { touch-action: pan-y; }
/* Watermark's native numeric pairs need the full narrow sidebar in every
   locale. Hidden/disabled rows and the paint editor keep their native owners. */
body[data-page="watermark"] .app .right .options .form .wm-grid { grid-template-columns: minmax(0,1fr); }
body[data-page="watermark"] .app .right .options .form :is(.control,.range) { min-width: 0; }
body[data-page="watermark"] .app .right .options .form .range > input[type="range"] { min-width: 0; max-width: 100%; }
body[data-page="watermark"] .app .right .options .form .range-row { flex-wrap: wrap; min-width: 0; }
body[data-page="watermark"] .app .right .options .form .range-row > input[type="number"] { flex: 0 1 140px; min-width: 0; max-width: 100%; }
body[data-page="watermark"] .app .right .options .form .range-row > :is(label,.muted) { min-width: 0; overflow-wrap: anywhere; }
/* Empty previews communicate their state without making users scroll past two
   full image canvases. Choosing a source restores the native image geometry. */
body[data-page]:not([data-page="mosaic"]):not([data-page="watermark"]) .app:has(.uploader[data-has-items="0"]) .preview-grid .imgbox:not(:has(.site-ad-slot,[data-imageee-ad-surface],[data-imageee-ad-cluster])) { min-height: 112px; height: 112px; }
body[data-page] .app .seg { gap: 5px; }
body[data-page] .app .seg-btn { min-height: 42px; padding: 9px 13px; }
/* PDF's native workflow buttons deliberately have no seg-btn class. */
body[data-page="pdf"] .app .pdf-workflow-choice { display: flex; flex-wrap: wrap; gap: 5px; }
body[data-page="pdf"] .app .pdf-workflow-choice > button {
  min-height: 42px; padding: 9px 13px;
  font: inherit; cursor: pointer;
}
body[data-page="pdf"] .app .pdf-workflow-choice > button:focus-visible { outline: 3px solid #a8c5ff; outline-offset: 2px; }
/* Arrange-pages merge has no native quality settings. Keep its action/status
   visible and let native hidden attributes restore the full card in other modes. */
body[data-page="pdf"] .app .right .options:has(#pdfSplitSettings[hidden]):has(#pdfMergeSettings[hidden]) > :is(.options-head,.form):not(:has(.site-ad-slot,[data-imageee-ad-surface],[data-imageee-ad-cluster],iframe)) { display: none; }
body[data-page="pdf"] .app .right .options:has(#pdfSplitSettings[hidden]):has(#pdfMergeSettings[hidden]) > .runbar { margin-top: 0; }
body[data-page] .app .seg.tool-choice { position: relative; isolation: isolate; }
body[data-page] .app .seg.tool-choice > .seg-btn { position: relative; z-index: 1; background: transparent; }
.tool-choice-marker { position: absolute; top: 0; left: 0; z-index: 0; transform-origin: 0 0; pointer-events: none; }
body[data-page] .app .runbar .btn.primary { min-height: 48px; }
body[data-page="convert"] .app:has(.uploader[data-has-items="0"]) .flow-plan:not(:has(.site-ad-slot,[data-imageee-ad-surface],[data-imageee-ad-cluster])) { display: none; }
body[data-page] .app .tool-advanced { margin: 14px 0 0; padding: 0; }
body[data-page] .app .tool-advanced > summary { display: flex; align-items: center; justify-content: space-between; min-height: 46px; padding: 12px 14px; cursor: pointer; list-style: none; }
body[data-page] .app .tool-advanced > summary::-webkit-details-marker { display: none; }
body[data-page] .app .tool-advanced > summary::after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform 160ms cubic-bezier(.2,.8,.2,1); }
body[data-page] .app .tool-advanced[open] > summary::after { transform: rotate(225deg); }
body[data-page] .app .tool-advanced > .row { margin: 0 14px; }
body[data-page] .app .tool-advanced > .row:last-child { border-bottom: 0; }
body[data-page] .app .tool-advanced :focus-visible { outline: 3px solid #a8c5ff; outline-offset: 2px; }
@media (max-width: 760px) {
  body[data-page] .app .seg-btn { min-height: 44px; padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="pdf"] .app .pdf-workflow-choice > button { transition: none; }
  body[data-page] .app :is(.btn,.seg-btn,.upload-start-action,.dropzone),
  body[data-page] .app .tool-advanced > summary::after { transition: none; }
}

/* web/support-dialog.css SHA256 a8b459abc5fe845231d4dfa49b1674f8f44428845253376d9e3521e9b7c93b6c */
/* Contribution entry/dialog only. Shared product CSS owns header geometry. */
.imageee-support-header-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:0 14px;border:1px solid #d8e4f6;border-radius:13px;background:linear-gradient(#fff,#f1f6ff);color:#345980;font:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer;box-shadow:var(--ui-control-shadow);white-space:nowrap;transition:background-color 180ms,border-color 180ms}
.imageee-support-header-link:hover{background:linear-gradient(#fff,#e9f2ff);border-color:#afc9ed;color:#214e91}
.imageee-support-footer{margin-top:12px;font-size:12px}
.imageee-support-footer-link{min-height:44px;padding:8px 0;border:0;background:none;color:#5b7393;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;box-shadow:none}
.imageee-support-dialog{box-sizing:border-box;width:min(800px,calc(100vw - 32px));max-width:800px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #d9e5f5;border-radius:28px;background:linear-gradient(145deg,#fff 50%,#f3f8ff);color:var(--ui-ink,#19263b);box-shadow:0 24px 90px #12254038,0 4px 14px #12254018,inset 0 1px 0 #fff;overflow:auto;font-family:var(--ui-font,inherit);overscroll-behavior:contain}
.imageee-support-dialog::backdrop{background:#15294466;backdrop-filter:none}
.imageee-support-content{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);align-items:center;gap:30px;box-sizing:border-box;padding:38px}
.imageee-support-art{width:300px;max-width:100%;margin:0;justify-self:center}
.imageee-support-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:20px}
.imageee-support-form{min-width:0}
.imageee-support-heading{display:flex;align-items:center;gap:12px;margin:8px 0 26px}
.imageee-support-heading h2{margin:0 0 12px;color:var(--ui-ink,#19263b);font-size:27px;font-weight:700;line-height:1.25;letter-spacing:-.04em}
.imageee-support-heading p{margin:0;color:var(--ui-copy,#51627a);font-size:14px;line-height:1.65}
.imageee-support-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:#edf3fa;color:#607692;font:inherit;font-size:26px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 1px #fff}
.imageee-support-close:hover{border-color:#d4e1f3;background:#e5effc;color:#253d5f}
.imageee-support-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;border:0}
.imageee-support-amounts legend{margin:0 0 12px;padding:0;color:#49617f;font-size:12px;font-weight:600}
.imageee-support-choice{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:50px;padding:12px 8px;border:1px solid #d8e3f1;border-radius:13px;background:linear-gradient(#fff,#f3f7fd);color:#344b68;font-size:16px;font-weight:600;line-height:1.4;cursor:pointer;box-shadow:var(--ui-control-shadow);transition:background-color 200ms,border-color 200ms,box-shadow 200ms}
.imageee-support-choice:has(input:checked){border-color:#78a9f5;background:linear-gradient(#f6faff,#e5f0ff);color:#1e5dbf;box-shadow:inset 0 1px 0 #fff,0 0 0 2px #2874f00e}
.imageee-support-choice input{position:static;appearance:auto;flex:none;width:15px;height:15px;margin:0;accent-color:#2874f0;opacity:1}
.imageee-support-choice-custom{grid-column:1/-1;font-size:13px}
.imageee-support-selection{min-height:22px;margin:16px 0;color:#617691;font-size:12px;line-height:1.6}
.imageee-support-continue{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:50px;padding:13px 16px;border:1px solid #2871e8;border-radius:13px;background:linear-gradient(#2670e8,#1d59ce);color:#fff;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff60,0 5px 12px -5px #286de56b}
.imageee-support-continue:hover{background:linear-gradient(#276fe1,#1b54c4);color:#fff}
.imageee-support-note{margin:14px 0 0;color:#6c7e96;font-size:11px;line-height:1.6;text-align:center}
:is(.imageee-support-header-link,.imageee-support-footer-link,.imageee-support-close,.imageee-support-continue):focus-visible,.imageee-support-choice:has(input:focus-visible){outline:3px solid #84b4fc;outline-offset:3px}
@media(max-width:760px){
 .imageee-support-dialog{width:calc(100vw - 24px);max-width:480px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:24px}
 .imageee-support-content{grid-template-columns:minmax(0,1fr);gap:18px;padding:44px 24px 26px}
 .imageee-support-art{width:168px}
 .imageee-support-heading{margin:0 0 18px}.imageee-support-heading h2{font-size:25px}.imageee-support-heading p{font-size:13px;line-height:1.6}
 .imageee-support-selection{margin:12px 0}.imageee-support-note{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.imageee-support-dialog *,.imageee-support-header-link{animation:none!important;transition:none!important}}

/* frontend/app/ui/fluid-controls.css SHA256 50808cb1022b13873b0293ba4f01788dba5fdc5a727f7011cda8bae670d7d270 */
/* Shared physical feedback. No control, canvas, advertisement or native value is replaced. */
.imageee-motion-relative { position: relative; }
/* PDF workflow choices are native bare buttons rather than .seg-btn controls. */
body[data-page="pdf"] .app .pdf-workflow-choice.tool-choice { position: relative; isolation: isolate; }
body[data-page="pdf"] .app .pdf-workflow-choice.tool-choice > button { position: relative; z-index: 1; background: transparent; }
body[data-page] .app :is(.btn,.seg-btn,.upload-start-action).imageee-motion-control:active:not(:disabled):not([aria-disabled="true"]) { transform: none; }
body[data-page] .imageee-motion-control[data-ui-sheen]::before {
  content: ""; display: block; position: absolute; inset: 0; width: auto; height: auto;
  margin: 0; padding: 0; border: 0; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at var(--ui-press-x,50%) var(--ui-press-y,50%),#ffffff70,transparent 68%);
  opacity: calc(var(--ui-surface-pressure,0) * .56); transform: none; animation: none; transition: none;
}
/* Keyboard focus retains the native outline. This extra depth never changes hit geometry. */
body[data-page] .app input[type="search"].imageee-motion-field:not(:disabled),
body[data-page] :is(.tool-discovery-search,.tool-menu-search)>input.imageee-motion-field:not(:disabled) { box-shadow: 0 0 0 calc(var(--ui-focus-pressure,0) * 3px) var(--ui-focus,#2874f033); transition-property: border-color,background-color; }
/* These native category hosts commit aria state and may recreate their own buttons. */
body[data-page] :is(#outputExtCategories,.tool-discovery-categories).tool-choice { position: relative; isolation: isolate; }
body[data-page] :is(#outputExtCategories,.tool-discovery-categories).tool-choice > button { position: relative; z-index: 1; }
body[data-page] .imageee-motion-categories::before {
  content: ""; position: absolute; top: 0; left: 0; z-index: 0; pointer-events: none; box-sizing: border-box;
  width: var(--ui-choice-width,0px); height: var(--ui-choice-height,0px);
  transform: translate(var(--ui-choice-x,0px),var(--ui-choice-y,0px));
  opacity: 0; background: var(--ui-selected,#fff); border: 1px solid var(--ui-line,#dce6f1);
  border-radius: 999px; box-shadow: var(--ui-pill-shadow,0 2px 5px #244b791c);
}
body[data-page] .imageee-motion-categories[data-ui-choice-visible]::before { opacity: 1; }
body[data-page] #outputExtCategories.tool-choice > button { background: transparent; }
/* The native thumb remains the hit target and the browser owns dragging. */
body[data-page] .app input[type="range"].imageee-motion-range {
  -webkit-appearance: none; appearance: none; height: 32px; padding: 0; touch-action: pan-y;
  background: linear-gradient(to right,var(--ui-accent,#2874f0) 0 var(--ui-range-fill,0%),#dfe7f0 var(--ui-range-fill,0%) 100%);
  background-size: 100% 4px; background-position: center; background-repeat: no-repeat;
  accent-color: var(--ui-accent,#2874f0);
}
body[data-page] .app input[type="range"].imageee-motion-range::-webkit-slider-runnable-track { height: 4px; border: 0; border-radius: 2px; background: transparent; }
body[data-page] .app input[type="range"].imageee-motion-range::-moz-range-track { height: 4px; border: 0; border-radius: 2px; background: transparent; }
body[data-page] .app input[type="range"].imageee-motion-range::-moz-range-progress { background: transparent; }
body[data-page] .app input[type="range"].imageee-motion-range::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin-top: -9px;
  border: 2px solid var(--ui-accent,#2874f0); border-radius: 50%; background: #fff;
  box-shadow: 0 2px 5px #244b7924,inset 0 1px 0 #fff;
}
body[data-page] .app input[type="range"].imageee-motion-range::-moz-range-thumb {
  width: 22px; height: 22px; box-sizing: border-box;
  border: 2px solid var(--ui-accent,#2874f0); border-radius: 50%; background: #fff;
  box-shadow: 0 2px 5px #244b7924,inset 0 1px 0 #fff;
}
body[data-page] .app input[type="range"].imageee-motion-range:disabled { cursor: not-allowed; filter: grayscale(1); opacity: .55; }
body[data-page] .app input[type="range"].imageee-motion-range:focus-visible { outline: 3px solid #2874f033; outline-offset: 4px; }
body[data-page] .app input[type="range"].imageee-motion-range:not(:disabled)::-webkit-slider-thumb { transition: box-shadow 100ms ease; }
body[data-page] .app input[type="range"].imageee-motion-range:not(:disabled):active::-webkit-slider-thumb { box-shadow: 0 0 0 5px #2874f022; }
body[data-page] .app input[type="range"].imageee-motion-range:not(:disabled)::-moz-range-thumb { transition: box-shadow 100ms ease; }
body[data-page] .app input[type="range"].imageee-motion-range:not(:disabled):active::-moz-range-thumb { box-shadow: 0 0 0 5px #2874f022; }
@media(max-width:680px) {
  body[data-page] .app input[type="range"].imageee-motion-range::-webkit-slider-thumb { width: 24px; height: 24px; margin-top: -10px; }
  body[data-page] .app input[type="range"].imageee-motion-range::-moz-range-thumb { width: 24px; height: 24px; }
}
@supports (interpolate-size: allow-keywords) and selector(details::details-content) and (transition-behavior: allow-discrete) {
  body[data-page] details.imageee-motion-details { interpolate-size: allow-keywords; }
  body[data-page] details.imageee-motion-details::details-content {
    block-size: 0; overflow: clip;
    transition: block-size var(--ui-motion-settle,380ms) cubic-bezier(.2,.8,.2,1),content-visibility var(--ui-motion-settle,380ms) allow-discrete;
  }
  body[data-page] details.imageee-motion-details[open]::details-content { block-size: auto; }
}
@media (prefers-reduced-motion:reduce),(forced-colors:active) {
  body[data-page] .imageee-motion-control[data-ui-sheen]::before { display: none; transition: none; }
  body[data-page] details.imageee-motion-details::details-content { transition: none; }
  body[data-page] .app input[type="range"].imageee-motion-range::-webkit-slider-thumb { transition: none; }
  body[data-page] .app input[type="range"].imageee-motion-range::-moz-range-thumb { transition: none; }
}
@media(forced-colors:active) {
  body[data-page] .app input[type="range"].imageee-motion-range { -webkit-appearance: auto; appearance: auto; background: none; filter: none; accent-color: auto; }
  body[data-page] .app input[type="range"].imageee-motion-range::-webkit-slider-thumb { all: revert; }
  body[data-page] .app input[type="range"].imageee-motion-range::-webkit-slider-runnable-track { all: revert; }
  body[data-page] .app input[type="range"].imageee-motion-range::-moz-range-thumb { all: revert; }
  body[data-page] .app input[type="range"].imageee-motion-range::-moz-range-track { all: revert; }
  body[data-page] .app input[type="range"].imageee-motion-range::-moz-range-progress { all: revert; }
}

/* frontend/app/ui/product-surface.css SHA256 d4144cce8ae6877d6484e287595d2cfbd00fcd7e4c2c2a2913c4a3204c229175 */
/* One shared material system. Native workflow geometry and ads retain their owners. */
body[data-page]{
 --ui-canvas:#f3f6fb;--ui-surface:#fff;--ui-inset:#edf2f8;--ui-ink:#19263b;--ui-copy:#51627a;--ui-muted:#6a7a91;--ui-line:#dce5f0;--ui-rule:#e7edf5;--ui-accent:#2874f0;--ui-accent-deep:#1556cf;--ui-accent-soft:#eaf2ff;
 --ui-radius:22px;--ui-control-radius:13px;--ui-shadow:0 2px 3px rgb(31 54 86 / 3%),0 12px 32px -16px rgb(31 54 86 / 19%),inset 0 1px 0 #fff;
 --ui-control-shadow:0 1px 2px rgb(31 54 86 / 5%),0 4px 10px -5px rgb(31 54 86 / 15%),inset 0 1px 0 #fff;
 --ui-focus:#84b4fc;--ui-motion-settle:400ms;--ui-motion-press:100ms;--ui-motion-damping:.84;--ui-press-scale:.98;--ui-ease:cubic-bezier(.2,.8,.2,1);
 --ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Roboto,Arial,sans-serif;
 --product-canvas:var(--ui-canvas);--product-surface:var(--ui-surface);--product-inset:var(--ui-inset);--product-ink:var(--ui-ink);--product-copy:var(--ui-copy);--product-muted:var(--ui-muted);--product-line:var(--ui-line);--product-rule:var(--ui-rule);--product-blue:var(--ui-accent);--product-blue-hover:var(--ui-accent-deep);--product-blue-soft:var(--ui-accent-soft);--product-shadow:var(--ui-shadow);--product-font:var(--ui-font);
 --bg:var(--ui-canvas);--text:var(--ui-ink);--muted:var(--ui-copy);--accent:var(--ui-accent);--line:var(--ui-line);
 --task-accent:var(--ui-accent);--task-accent-2:var(--ui-accent-deep);--tool-accent:#2670e8;--tool-accent-2:var(--ui-accent-deep);--tool-ink:#2157a4;
 color:var(--ui-ink);background:var(--ui-canvas);font-family:var(--ui-font)
}
body[data-page] :is(.frame-head,.tool-palette,.tool-search-lead,.converter-workspace-entry,.app,.imageee-support-dialog){font-family:var(--ui-font)}
body[data-page] .frame{gap:20px}
/* Header geometry formerly in Support CSS. Native sticky behavior is retained. */
body[data-page] .frame-head:has(>.imageee-support-header-link){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:76px;padding:12px 20px;border:1px solid var(--ui-line);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--ui-shadow);backdrop-filter:none}
body[data-page] .frame-head:has(>.imageee-support-header-link)>.brand{grid-column:1;grid-row:1;width:auto;min-width:0}
body[data-page] .frame-head:has(>.imageee-support-header-link) .logo-image{width:168px;max-width:100%;height:auto}
body[data-page] .frame-head:has(>.imageee-support-header-link)>.head-right{grid-column:2;grid-row:1;display:flex;width:auto;min-width:0;max-width:100%;justify-self:end;justify-content:flex-end;align-items:center}
body[data-page] .frame-head>.imageee-support-header-link{grid-column:3;grid-row:1;justify-self:end}
body[data-page] .frame-head::after{content:none}
body[data-page] .frame-head :is(.tag,.tagline){color:var(--ui-copy);font-size:13px;line-height:1.5}
body[data-page] .frame-head .lang-control{border:1px solid var(--ui-line);border-radius:13px;background:#f7faff;box-shadow:inset 0 1px 2px #254c7810}
body[data-page] .frame-head .lang-label{color:var(--ui-muted);font-size:12px;font-weight:600}
body[data-page] .frame-head .lang-control select{color:var(--ui-ink);font-size:14px;font-weight:600}
/* Palette retains the responsive grid and unclipped mobile popup. */
body[data-page] .frame>.tool-palette{overflow:visible;border-color:var(--ui-line);border-radius:20px;background:linear-gradient(180deg,#fff,#fafcff);box-shadow:var(--ui-shadow)}
body[data-page] .tool-palette-label{color:var(--ui-muted);font-size:11px;font-weight:650;letter-spacing:.08em}
body[data-page] .frame>.tool-palette .nav.nav-palette a.nav-tab[href]{font-size:14px;font-weight:600;border-radius:12px;transition:background-color 180ms,border-color 180ms,box-shadow 180ms}
body[data-page] .frame>.tool-palette .nav.nav-palette a.nav-tab.active{color:#1b5bcc;border-color:#c7dcff;background:linear-gradient(#f5f9ff,#e5efff);box-shadow:0 1px 2px #275a9220,inset 0 1px 0 #fff}
/* No clipping or transform on panels that may contain suppliers. */
body[data-page] .tool-search-lead{padding:8px 6px 2px;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-page] .tool-search-lead .options-title{margin:0;color:var(--ui-ink);font-size:28px;font-weight:750;letter-spacing:-.04em;line-height:1.25}
body[data-page] .tool-search-lead .options-sub{max-width:88ch;margin-top:8px;color:var(--ui-copy);font-size:14px;line-height:1.65}
body[data-page] .app :is(.uploader,.options,.panel){border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:linear-gradient(170deg,#fff 65%,#fcfdff);box-shadow:var(--ui-shadow);backdrop-filter:none}
body[data-page] .app :is(.uploader,.options,.panel):hover{border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
body[data-page] .app :is(.uploader,.options){padding:24px}
body[data-page] .app :is(.uploader,.options)::before{content:none}
body[data-page] .app .upload-head{gap:8px 14px}
body[data-page] .app :is(.upload-title,.panel-title,.batch-title){color:var(--ui-ink);font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.4}
body[data-page] .app .options-title{color:var(--ui-ink);font-size:22px;font-weight:750;letter-spacing:-.03em;line-height:1.35}
body[data-page] .app :is(.upload-sub,.options-sub,.panel-meta,.batch-meta){color:var(--ui-copy);font-size:14px;line-height:1.6}
body[data-page] .app :is(.upload-title,.options-title,.panel-title)::before{width:28px;height:28px;border-radius:9px;font-size:13px;background:linear-gradient(#2670e8,#1d59ce);color:#fff;box-shadow:inset 0 1px 1px #ffffff60,0 3px 7px #2874f025}
body[data-page] .app .upload-body{gap:16px}
body[data-page] .app .dropzone{min-height:156px;border:1px dashed #aac6eb;border-radius:17px;background:radial-gradient(ellipse at 50% 0%,#fff 0%,#f2f7ff 85%);box-shadow:inset 0 1px 4px #27599206;transition:background-color 180ms,border-color 180ms,box-shadow 180ms}
body[data-page] .app .dropzone-icon{width:50px;height:50px;border-radius:16px;border:1px solid #d2e3ff;background:linear-gradient(145deg,#fff,#dfecff);color:#2266d9;box-shadow:0 4px 9px -5px #397de86b,inset 0 1px 0 #fff}
body[data-page] .app .dropzone-icon svg{width:24px;height:24px}
body[data-page] .app .dropzone-title{color:var(--ui-ink);font-size:17px;font-weight:650;letter-spacing:-.02em}
body[data-page] .app .dropzone-sub{color:var(--ui-copy);font-size:14px;line-height:1.5}
body[data-page] .app .dropzone:is(.dragover,[data-dragging="true"]){background:#eaf3ff;border-color:var(--ui-accent);box-shadow:inset 0 0 0 2px #a6ccff,0 0 0 4px #2874f010}
body[data-page] .app .upload-hint{padding:0 2px;border:0;background:transparent;color:var(--ui-muted);font-size:12px;line-height:1.65}
body[data-page] .app .cap-chip{padding:4px 8px;border:1px solid #e1e9f4;border-radius:7px;background:#f4f7fc;color:#5c6d86;font-size:11px;line-height:1.5}
/* Inset trays and raised selections distinguish values from labels. */
body[data-page] .app .options{gap:0}
body[data-page] .app .options-head{margin-bottom:0;padding-bottom:22px;border-bottom:1px solid var(--ui-rule);gap:7px}
body[data-page] .app .row{padding:19px 0;gap:11px;border:0;border-bottom:1px solid var(--ui-rule);border-radius:0;background:none;box-shadow:none}
body[data-page] .app .row:last-child{border-bottom:0}
body[data-page] .app .label{color:#364a65;font-size:14px;font-weight:650;letter-spacing:0;text-transform:none}
body[data-page] .app .row:focus-within>.label{color:#235dcc}
body[data-page] .app .hint{color:var(--ui-copy);font-size:13px;line-height:1.65}
body[data-page] .app :is(.num,input[type="number"],input[type="text"],input[type="search"],select){min-height:46px;border:1px solid #d8e2ef;border-radius:var(--ui-control-radius);background-color:#f4f7fc;color:var(--ui-ink);box-shadow:inset 0 1px 2px #304d7810,0 1px 0 #fff;font-size:15px;transition:border-color 180ms,background-color 180ms,box-shadow 180ms}
body[data-page] .app :is(.num,input[type="number"],input[type="text"],input[type="search"],select):focus{border-color:#78aafa;background-color:#fff;box-shadow:0 0 0 4px #2874f012}
body[data-page] .app .seg{gap:3px;padding:5px;border:1px solid #e0e7f0;border-radius:15px;background:#edf2f8;box-shadow:inset 0 1px 3px #284e7a09}
body[data-page] .app .seg-btn{min-height:42px;padding:10px 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#52657e;font-size:14px;font-weight:650;box-shadow:none;transition:color 180ms}
body[data-page] .app .seg-btn.active{border-color:#d4e1f3;background:linear-gradient(#fff,#f7faff);color:#1b5acb;box-shadow:var(--ui-control-shadow)}
body[data-page] .app .seg.tool-choice>.seg-btn{border-color:transparent;background:transparent;box-shadow:none}
body[data-page] .app .tool-choice-marker{border:1px solid #d3e0f2;border-radius:10px;background:linear-gradient(#fff,#f6faff);box-shadow:0 1px 2px #234b7920,0 3px 8px -3px #234b7920,inset 0 1px 0 #fff}
body[data-page] .app .pdf-workflow-choice{gap:3px;padding:5px;border:1px solid #e0e7f0;border-radius:15px;background:#edf2f8;box-shadow:inset 0 1px 3px #284e7a09}
body[data-page] .app .pdf-workflow-choice>button{min-height:44px;padding:10px 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#52657e;font-size:14px;font-weight:650;box-shadow:none;transition:color 180ms}
body[data-page] .app .pdf-workflow-choice>button[aria-pressed="true"]{border-color:#d4e1f3;background:linear-gradient(#fff,#f7faff);color:#1b5acb;box-shadow:var(--ui-control-shadow)}
body[data-page] .app .pdf-workflow-choice.tool-choice>button{border-color:transparent;background:transparent;box-shadow:none}
body[data-page] .app input:is([type="checkbox"],[type="radio"]){accent-color:var(--ui-accent)}
body[data-page] .app :is(.tool-advanced,.support-panel){border:1px solid var(--ui-line);border-radius:14px;background:linear-gradient(#fafdff,#f3f7fd);box-shadow:inset 0 1px 0 #fff}
body[data-page] .app .tool-advanced{margin-top:16px}
body[data-page] .app :is(.tool-advanced,.support-panel)>summary{color:#405977;font-size:14px;font-weight:600;min-height:44px}
body[data-page] .app :is(.tool-advanced,.support-panel)[open]{background:#f7faff;border-color:#cbdcf2}
/* Actions: light upper edge, subtle extrusion, pressure supplied by motion. */
body[data-page] :is(.app .btn,.app .upload-start-action,.tool-search-lead>.btn,.converter-workspace-entry .btn){min-height:44px;padding:11px 18px;border:1px solid #d8e3ef;border-radius:var(--ui-control-radius);background:linear-gradient(180deg,#fff,#f2f6fc);color:#354e70;font-size:14px;font-weight:650;box-shadow:var(--ui-control-shadow);transform:none;transition:background-color 180ms,border-color 180ms,box-shadow 180ms,color 180ms}
body[data-page] .app :is(.btn,.upload-start-action):not([data-ui-sheen])::before{content:none}
body[data-page] .app :is(.btn.primary,.upload-start-action),body[data-page="convert"] .app #run.btn.primary{background:linear-gradient(180deg,#2670e8,#1d59ce);border-color:#2871e8;color:#fff;box-shadow:inset 0 1px 0 #ffffff52,0 2px 2px #1751b51a,0 5px 12px -5px #286de55c;text-shadow:0 1px 1px #154d9520}
body[data-page] .app :is(.btn,.seg-btn,.upload-start-action):active{transform:none}
body[data-page] .app .runbar{margin-top:22px;padding:22px 0 0;border:0;border-top:1px solid var(--ui-rule);border-radius:0;background:none;box-shadow:none}
body[data-page] .app .runbar .btn.primary{min-height:50px;font-size:15px}
body[data-page] .app :is(.btn,.upload-start-action):is(:disabled,[aria-disabled="true"]),body[data-page="convert"] .app #run.btn.primary:is(:disabled,[aria-disabled="true"]){opacity:1;background:#edf1f7;border-color:#dfe6ef;color:#76869c;box-shadow:inset 0 1px 0 #ffffff9c;text-shadow:none;cursor:not-allowed}
body[data-page] :is(.app button,.app input,.app select,.app summary,.tool-search-lead a,.imageee-support-header-link):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
/* File and output leaves retain all native IDs, selection and result gates. */
body[data-page] .app .batch-item{border:1px solid #e0e7f1;border-radius:15px;background:linear-gradient(#fff,#f9fbff);box-shadow:0 1px 2px #253e6705;transition:border-color 180ms,background-color 180ms}
body[data-page] .app .batch-item.active{border-color:#a8c9ff;background:linear-gradient(110deg,#eaf3ff,#f8fbff);box-shadow:inset 3px 0 0 #4085ef,0 2px 6px #255ea30b}
body[data-page] .app .batch-item-main{min-width:0}
/* Manual Mosaic owns its photo picker; keep its native count/clear summary compact. */
body[data-page="mosaic"][data-mosaic-family-view="manual"].mosaic-workspace-ready.mosaic-workflow-has-files #drop[data-mosaic-upload-panel] #batchBox:not([hidden]):not(:has(iframe,canvas,script,.site-ad-slot,.site-ad-band,.site-ad-outer-rails,.site-ad-mobile-dock,[data-site-ad-key],[data-site-ad-band],[data-ad-provider],[data-imageee-ad-cluster],[data-imageee-ad-surface],.adsbygoogle,.adsbyjuicy,[data-ad-placement],[data-placement-id],[data-zone-id],[data-zone],[data-placement])){display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:44px;min-width:0}
body[data-page="mosaic"][data-mosaic-family-view="manual"].mosaic-workspace-ready.mosaic-workflow-has-files #drop[data-mosaic-upload-panel] #batchBox:not([hidden]):not(:has(iframe,canvas,script,.site-ad-slot,.site-ad-band,.site-ad-outer-rails,.site-ad-mobile-dock,[data-site-ad-key],[data-site-ad-band],[data-ad-provider],[data-imageee-ad-cluster],[data-imageee-ad-surface],.adsbygoogle,.adsbyjuicy,[data-ad-placement],[data-placement-id],[data-zone-id],[data-zone],[data-placement]))>.batch-head{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-start;gap:8px 12px;min-width:0}
body[data-page="mosaic"][data-mosaic-family-view="manual"].mosaic-workspace-ready.mosaic-workflow-has-files #drop[data-mosaic-upload-panel] #batchBox:not([hidden]):not(:has(iframe,canvas,script,.site-ad-slot,.site-ad-band,.site-ad-outer-rails,.site-ad-mobile-dock,[data-site-ad-key],[data-site-ad-band],[data-ad-provider],[data-imageee-ad-cluster],[data-imageee-ad-surface],.adsbygoogle,.adsbyjuicy,[data-ad-placement],[data-placement-id],[data-zone-id],[data-zone],[data-placement]))>.batch-actions{flex:0 1 auto;flex-wrap:wrap;gap:8px 12px;margin:0;padding:0;border:0;min-width:0}
body[data-page="mosaic"][data-mosaic-family-view="manual"].mosaic-workspace-ready.mosaic-workflow-has-files #drop[data-mosaic-upload-panel] #batchLimit{overflow-wrap:anywhere}
body[data-page] .app :is(.batch-thumb,.batch-thumbnail){border-radius:10px}
body[data-page] .app .batch-item .btn{min-height:36px;padding:7px 12px;font-size:12px}
body[data-page] .app .batch-item .batch-actions>.batch-remove{min-height:32px;padding:6px 12px;border:1px solid #d5e1ef;border-radius:10px;background:linear-gradient(#fff,#f2f6fc);color:#354e70;box-shadow:var(--ui-control-shadow)}
body[data-page] .app .panel .imgbox{border-color:#e0e8f2;border-radius:15px}
body[data-page] .app :is(.statusbox,.run-status,.status-card){border-radius:14px;border-color:var(--ui-line);background:#f5f8fe;box-shadow:inset 0 1px 0 #fff}
body[data-page] .app :is(progress,.progress-track){accent-color:var(--ui-accent);border-radius:999px}
body[data-page="convert"] .converter-workspace-entry{padding:22px 26px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:linear-gradient(#fff,#f8fbff);box-shadow:var(--ui-shadow)}
body[data-page="convert"] .converter-workspace-entry>summary{min-height:44px;color:#315a87;font-size:15px;font-weight:650;line-height:1.5}
body[data-page="convert"] .converter-workspace-entry>p{color:var(--ui-copy);font-size:14px;line-height:1.65}
body[data-page="convert"] :is(.studio-step,.workspace-step){border-radius:14px}
/* Native plan was left at flex order 0, ahead of the settings it summarizes.
   Keep the native DOM sequence: settings, their review, then Run. */
body[data-page="convert"] .app.convert-flow .options>.flow-plan{order:2;padding:16px;gap:9px;margin-top:18px;border-radius:15px}
body[data-page="convert"] .convert-flow .flow-plan-title{font-size:17px;line-height:1.4}
body[data-page="convert"] .convert-flow .flow-plan-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:10px 0}
body[data-page="convert"] .convert-flow .flow-plan-results{padding:8px 10px}
body[data-page="convert"] .convert-flow .flow-overview{padding:12px 14px;margin-bottom:12px;gap:6px 14px;border-radius:13px}
body[data-page="convert"] .convert-flow #batchBox{margin-top:14px;padding-top:12px}
body[data-page="convert"] .convert-flow #batchList .batch-item-main{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px}
body[data-page="convert"] .convert-flow #batchList .batch-thumb{width:64px;height:64px;grid-column:1;object-fit:contain}
body[data-page="convert"] .convert-flow #batchList .batch-left{grid-column:2}
body[data-page="convert"] .convert-flow #batchList .flow-position{top:8px;left:8px;min-height:20px;min-width:20px;padding:2px 5px;font-size:9px}
/* Secondary pages retain every specialized conversion, service and locale link. */
body[data-page]:not([data-page="home"]) main.hero{border-color:var(--ui-line);border-radius:var(--ui-radius);background:linear-gradient(#fff,#fcfdff);box-shadow:var(--ui-shadow);font-family:var(--ui-font)}
body[data-page]:not([data-page="home"]) main.hero .home-hero-copy{gap:16px}
body[data-page]:not([data-page="home"]) main.hero .hero-title{max-width:28ch;margin:0;color:var(--ui-ink);font-family:var(--ui-font);font-size:clamp(30px,3.3vw,44px);font-weight:750;line-height:1.16;letter-spacing:-.04em;text-wrap:balance}
body[data-page]:not([data-page="home"]) main.hero .hero-sub{max-width:76ch;margin:0;color:var(--ui-copy);font-family:var(--ui-font);font-size:15px;line-height:1.7}
body[data-page]:not([data-page="home"]) main.hero .home-hero-kicker{color:var(--ui-copy);font-family:var(--ui-font);font-size:12px;font-weight:600;letter-spacing:.04em}
body[data-page]:not([data-page="home"]) .feature-card{border:1px solid var(--ui-line);border-radius:17px;background:linear-gradient(145deg,#fff,#f7faff);color:var(--ui-ink);box-shadow:var(--ui-control-shadow);transform:none;transition:border-color 180ms,box-shadow 180ms,background-color 180ms}
body[data-page]:not([data-page="home"]) .feature-card strong{color:var(--ui-ink);font-weight:650;letter-spacing:-.02em;line-height:1.4}
body[data-page]:not([data-page="home"]) .feature-desc{color:var(--ui-copy);line-height:1.65}
body[data-page] .home-keyword-links>a{border:1px solid var(--ui-line);border-radius:11px;background:linear-gradient(#fff,#f4f8ff);box-shadow:var(--ui-control-shadow);color:#315e94}
/* The footer is a usable secondary navigation, with one visual treatment for native and static links. */
body[data-page] .foot{margin-top:32px;padding:24px 8px;border-top:1px solid var(--ui-line);color:var(--ui-muted);font-family:var(--ui-font);font-size:13px;line-height:1.7}
body[data-page] .foot .foot-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}
body[data-page] .foot .foot-links>span[aria-hidden="true"]{display:none}
body[data-page] .foot a{display:inline-flex;align-items:center;min-height:40px;padding:8px 0;color:#526781;font-size:13px;font-weight:500;text-decoration:none;line-height:1.5}
body[data-page] .foot a:hover{color:#215dcc;text-decoration:underline;text-underline-offset:4px}
body[data-page] .foot a:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px;border-radius:4px}
@media(hover:hover){
 body[data-page] .app :is(.btn,.upload-start-action):hover:not(:disabled):not([aria-disabled="true"]){border-color:#b5ccef;box-shadow:0 4px 10px -5px #2c5b9854,inset 0 1px 0 #fff;transform:none}
 body[data-page] .app :is(.btn.primary,.upload-start-action):hover:not(:disabled):not([aria-disabled="true"]),body[data-page="convert"] .app #run.btn.primary:hover:not(:disabled):not([aria-disabled="true"]){border-color:#2467d9;background:linear-gradient(#276fe1,#1b54c4);box-shadow:inset 0 1px 0 #ffffff70,0 5px 16px -5px #225ecd80}
 body[data-page] .app .dropzone:hover{border-color:#72a6f5;background-color:#eef5ff;box-shadow:inset 0 1px 4px #286ed90b,0 0 0 3px #2874f008}
 body[data-page]:not([data-page="home"]) .feature-card:hover{border-color:#b6d0f4;box-shadow:0 8px 24px -10px #325c9640;transform:none}
}
@media(max-width:760px){
 body[data-page]{--ui-radius:18px;--ui-control-radius:12px}
 body[data-page] .page{padding-inline:12px}
 body[data-page] .frame{gap:16px}
 body[data-page] .frame-head:has(>.imageee-support-header-link){grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;gap:8px 10px;min-height:0;border-radius:18px}
 body[data-page] .frame-head:has(>.imageee-support-header-link)>.head-right{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;width:100%;justify-self:stretch;justify-content:flex-end}
 body[data-page] .frame-head:has(>.imageee-support-header-link)>.head-right>.lang-control{flex:1;min-width:0;max-width:none}
 body[data-page] .frame-head:has(>.imageee-support-header-link)>.head-right>.lang-control select{width:100%;font-size:16px}
 body[data-page] .frame-head>.imageee-support-header-link{grid-column:2;grid-row:1;min-height:44px;font-size:12px;padding:0 11px}
 body[data-page] .frame-head:has(>.imageee-support-header-link) .logo-image{width:124px;max-width:100%;height:auto}
 body[data-page] .frame-head :is(.tag,.tagline){font-size:12px}
 body[data-page] .frame>.tool-palette{border-radius:16px}
 body[data-page] .app :is(.uploader,.options){padding:20px 18px}
 body[data-page] .app .dropzone{min-height:132px;gap:10px;padding:18px 14px}
 body[data-page] .app .upload-head{gap:7px}
 body[data-page] .app :is(.upload-title,.panel-title,.batch-title){font-size:18px}
 body[data-page] .app .options-title{font-size:22px}
 body[data-page] .app .options-head{padding-bottom:18px}
 body[data-page] .app .row{padding:17px 0}
 body[data-page] .app :is(input[type="number"],input[type="text"],input[type="search"],select,.num){font-size:16px;min-height:46px}
 body[data-page] .app .seg-btn{min-height:44px;padding:10px 12px}
 body[data-page] .app .batch-item .batch-actions>.batch-remove{min-height:44px;padding:10px 12px}
 body[data-page] .tool-search-lead{padding:4px 4px 0}
 body[data-page] .tool-search-lead .options-title{font-size:24px}
 body[data-page] .tool-search-lead .options-sub{font-size:13px;line-height:1.6;margin-top:6px}
 body[data-page="convert"] .converter-workspace-entry{padding:20px 18px}
 body[data-page="convert"] .tool-search-lead>.btn{min-height:40px;padding:7px 0;background:transparent;border:0;box-shadow:none;color:#285eaf;font-size:14px;font-weight:600;justify-content:flex-start;text-align:left}
}
@media(prefers-reduced-motion:reduce){body[data-page] :is(.app .btn,.app .seg-btn,.app .batch-item,.app input,.app select,.app .dropzone,.feature-card,.tool-palette a){transition:none}}
@media(forced-colors:active){body[data-page]{--ui-ink:CanvasText;--ui-copy:CanvasText;--ui-line:ButtonBorder;--ui-surface:Canvas}body[data-page] .app .tool-choice-marker{border:2px solid Highlight;background:Canvas;box-shadow:none}body[data-page] .app .seg-btn.active{color:Highlight}body[data-page] .app :is(.btn,.upload-start-action){border:1px solid ButtonText;box-shadow:none;text-shadow:none}}

/* frontend/app/ui/static-illustrations.css SHA256 6b6b3df1078157b476c5c9b34a6192adfe6014034b478764fbf69e9e7495670a */
/* Still artwork has allocated space, never an overlay on an actionable surface. */
.imageee-tool-illustration,.imageee-home-illustration{display:block;object-fit:contain;pointer-events:none;user-select:none}
body[data-page] .upload-head.imageee-illustrated-lead{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:6px 18px;align-items:start}
.upload-head.imageee-illustrated-lead>.upload-title{grid-column:1;grid-row:1}
.upload-head.imageee-illustrated-lead>.upload-sub{grid-column:1;grid-row:2}
.upload-head.imageee-illustrated-lead>.imageee-tool-illustration{grid-column:2;grid-row:1/3;width:80px;height:98px;align-self:center}
.upload-head.imageee-illustrated-lead>:not(.upload-title,.upload-sub,.imageee-tool-illustration){grid-column:1/-1}
body[data-page] .upload-head.imageee-illustrated-lead>.upload-capabilities{grid-column:1/-1;grid-row:3;justify-content:flex-start;max-width:none;min-width:0}
body[data-page="home"][data-home-redesign="1"] .home-task-board>.home-task-card:has(.imageee-illustrated-icon){grid-template-columns:72px minmax(0,1fr) 12px;gap:4px 16px;min-height:128px;padding:18px 20px}
body[data-page="home"][data-home-redesign="1"] .home-tool-icon.imageee-illustrated-icon{width:72px;height:88px;background:transparent;border:0;border-radius:0;grid-row:1/3}
.imageee-illustrated-icon>svg{display:none!important}
.imageee-illustrated-icon.imageee-illustration-unavailable>svg{display:block!important}
.imageee-home-illustration[hidden]{display:none}
.imageee-home-illustration{width:72px;height:88px}
@media(max-width:760px){
 body[data-page] .upload-head.imageee-illustrated-lead{grid-template-columns:minmax(0,1fr) 64px;gap:6px 12px}
 .upload-head.imageee-illustrated-lead>.imageee-tool-illustration{width:64px;height:78px}
}
@media(max-width:700px){
 body[data-page="home"][data-home-redesign="1"] .home-task-board>.home-task-card:has(.imageee-illustrated-icon){grid-template-columns:minmax(0,1fr);gap:8px;min-height:218px;padding:14px;align-content:start}
 body[data-page="home"][data-home-redesign="1"] .home-tool-icon.imageee-illustrated-icon{grid-column:1;grid-row:1;width:64px;height:78px;justify-self:start}
 body[data-page="home"][data-home-redesign="1"] .imageee-home-illustration{width:64px;height:78px}
 body[data-page="home"][data-home-redesign="1"] .home-task-card:has(.imageee-illustrated-icon)>strong{grid-column:1;grid-row:2}
 body[data-page="home"][data-home-redesign="1"] .home-task-card:has(.imageee-illustrated-icon)>.home-tool-desc{grid-column:1;grid-row:3}
}

/* frontend/app/ui/workspace-guidance.css SHA256 0208124b2a317d218842b302a19c541389e456aa27bd52a30ffee159bd62511b */
/* State comes from native file/preview facts, never pointer movement or decoration. */
.workspace-guidance-hint,.workspace-guidance-next{margin:0;color:var(--ui-copy,#52657e);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
body[data-page] .app .options-head>.workspace-guidance-hint{max-width:48ch}
body[data-page] .app .runbar>.workspace-guidance-next{grid-column:1/-1;flex-basis:100%;font-size:13px}
body[data-page] .app .workspace-guidance-redundant{display:none}
body[data-page="compress"] .app .row.workspace-guidance-unlabeled{grid-template-columns:minmax(0,1fr)}
/* Native validation stays visible; valid byte precision remains an accessible description. */
body[data-page="compress"] .app #compressSizeResult.workspace-guidance-exact-detail{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body[data-page] .app .uploader.workspace-guidance-populated{padding-top:16px;padding-bottom:16px}
body[data-page] .app .uploader.workspace-guidance-populated>.upload-head{margin-bottom:10px}
body[data-page] .app .uploader.workspace-guidance-populated>.upload-head.imageee-illustrated-lead{grid-template-columns:minmax(0,1fr) 64px}
body[data-page] .app .uploader.workspace-guidance-populated>.upload-head>.imageee-tool-illustration{width:64px;height:78px}
body[data-page] .app .uploader.workspace-guidance-populated>.upload-head.imageee-illustrated-lead:has(>.upload-sub.workspace-guidance-redundant)>.upload-capabilities{grid-column:1;grid-row:2;align-self:start}
body[data-page] .app .uploader.workspace-guidance-populated .upload-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:0}
body[data-page] .app .uploader.workspace-guidance-populated .dropzone{flex:1 1 190px;width:auto;min-height:72px;padding:10px 12px;gap:10px}
body[data-page] .app .uploader.workspace-guidance-populated .dropzone-icon{width:34px;height:34px;border-radius:10px}
body[data-page] .app .uploader.workspace-guidance-populated .dropzone-icon svg{width:20px;height:20px}
body[data-page] .app .uploader.workspace-guidance-populated .dropzone-title{font-size:14px}
body[data-page] .app .uploader.workspace-guidance-populated .dropzone-sub{font-size:12px}
body[data-page] .app .uploader.workspace-guidance-populated .upload-start-action{flex:0 1 auto;width:auto;min-width:112px;min-height:44px;margin-top:0;align-self:center}
/* Existing style sheets impose important empty-preview heights. Override only explicitly empty, safe boxes. */
body[data-page] .app .preview-grid .panel>.imgbox.workspace-guidance-empty{--tool-preview-height:88px!important;height:88px!important;min-height:88px!important;max-height:88px!important}
body[data-page] .app .panel>.imgbox.workspace-guidance-empty .img-placeholder{font-size:13px}
@media(max-width:760px){
 body[data-page] .app .uploader.workspace-guidance-populated{padding-top:14px;padding-bottom:14px}
 body[data-page] .app .uploader.workspace-guidance-populated .dropzone{flex-basis:160px;min-height:72px;padding:10px;flex-direction:row;text-align:left}
 body[data-page] .app .uploader.workspace-guidance-populated .dropzone-icon{width:24px;height:24px}
 body[data-page] .app .uploader.workspace-guidance-populated .dropzone-icon svg{width:16px;height:16px}
 body[data-page] .app .uploader.workspace-guidance-populated .upload-start-action{min-width:108px;padding-inline:12px}
 body[data-page] .app .preview-grid .panel>.imgbox.workspace-guidance-empty{--tool-preview-height:72px!important;height:72px!important;min-height:72px!important;max-height:72px!important}
}

/* frontend/app/ui/tool-discovery.css SHA256 8369108582015e244ec2733ed45116193f832dea3ac649a9725a0ac19413c464 */
/* Useful discovery controls, one existing directory and one native mobile menu. */
.tool-discovery{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:16px;margin:0 0 2px}
:is(.tool-discovery-search,.tool-menu-search){position:relative;display:flex;align-items:center;min-width:0}
:is(.tool-discovery-search,.tool-menu-search)>input{box-sizing:border-box;width:100%;height:50px;padding:0 44px;border:1px solid #d8e2ef;border-radius:15px;background:linear-gradient(#fff,#f9fbff);box-shadow:inset 0 1px 2px #304d7808,0 2px 4px #243c5905;color:var(--ui-ink);font:500 15px var(--ui-font);outline-offset:3px;transition:border-color 180ms,background-color 180ms}
:is(.tool-discovery-search,.tool-menu-search)>input:focus{background:#fff;border-color:#70a4ef;outline:2px solid #b6d2fb}
:is(.tool-discovery-search,.tool-menu-search)>input::-webkit-search-cancel-button{display:none}
.tool-search-symbol{position:absolute;left:17px;top:10px;font:28px/1 sans-serif;color:#6c7e98;pointer-events:none}
:is(.tool-discovery-clear,.tool-menu-clear){position:absolute;right:4px;top:4px;width:42px;height:42px;border:0;border-radius:12px;background:transparent;color:#506887;font:24px/1 var(--ui-font);cursor:pointer}
.tool-discovery-categories{display:flex;gap:3px;padding:4px;border:1px solid #dde5ef;border-radius:999px;background:#eaf0f7;box-shadow:inset 0 1px 3px #294b6b08}
.tool-discovery-categories>button{min-height:40px;padding:8px 17px;border:1px solid transparent;border-radius:999px;background:transparent;color:#51627a;font:600 13px var(--ui-font);white-space:nowrap;cursor:pointer}
.tool-discovery-categories>button[aria-pressed="true"]{background:#fff;color:#245ac7;box-shadow:0 2px 5px #244b791c;border-color:#dce6f1}
.tool-discovery-categories.tool-choice>button{background:transparent;border-color:transparent;box-shadow:none}
.tool-discovery-count{min-width:53px;color:var(--ui-muted);font:500 12px var(--ui-font);font-variant-numeric:tabular-nums;text-align:right}
:is(.tool-discovery-empty,.tool-menu-empty){margin:0;padding:40px 16px;text-align:center;color:var(--ui-copy);font:14px/1.6 var(--ui-font)}
body[data-page="home"] .home-task-board>.home-task-card[hidden],:is(.tool-discovery-empty,.tool-menu-empty,.tool-discovery-clear,.tool-menu-clear)[hidden]{display:none!important}
.tool-menu-search,.tool-menu-empty{display:none}
@media(max-width:900px){.tool-discovery{grid-template-columns:minmax(0,1fr) auto;gap:12px}.tool-discovery-search{grid-column:1/-1}.tool-discovery-categories{justify-self:start}.tool-discovery-count{justify-self:end}}
@media(max-width:760px){
 .tool-menu-search{display:flex;grid-column:1/-1;position:sticky;top:0;z-index:2;padding:0 0 6px;background:#fff}
 .tool-menu-search>input{font-size:16px;height:48px}
 .tool-menu-empty:not([hidden]){display:block;grid-column:1/-1;padding:20px 12px}
 body[data-page] .frame>.tool-palette .nav.nav-palette a.nav-tab.tool-menu-filtered{display:none!important}
 .tool-discovery-search>input{font-size:16px;height:50px}
 .tool-discovery-categories>button{min-height:40px;padding:8px 13px;font-size:13px}
 .tool-discovery-count{font-size:11px;min-width:0}
}
@media(prefers-reduced-motion:reduce){:is(.tool-discovery-search,.tool-menu-search)>input{transition:none}}
@media(max-width:420px){
 .tool-discovery{grid-template-columns:minmax(0,1fr)}
 .tool-discovery-categories{box-sizing:border-box;width:100%;max-width:100%;flex-wrap:wrap;border-radius:23px}
 .tool-discovery-categories>button{flex:1 1 auto;padding-inline:11px}
 .tool-discovery-count{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}