/* Compact product shells for the public utility tools (Whiteboard stays on its own app shell). */
:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) {
  --product-ink: #160e53;
  --product-blue: #261c6a;
  --product-purple: #4e22d0;
  --product-orange: #ff7800;
  --product-bg: #f8f8fc;
  --product-soft: #f4f3fa;
  --product-line: #d4d2e6;
  --product-muted: #676096;
  background: var(--product-bg);
  color: var(--product-ink);
  overflow: visible;
}

/* Property Image Prep — local listing-photo workflow. */
.tool-page[data-tool="property-image-prep"] .property-prep{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);overflow:hidden;border:1px solid var(--product-line);border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(38,28,106,.08)}
.property-prep-controls,.property-prep-results{min-width:0;padding:clamp(1.25rem,2.6vw,2rem)}
.property-prep-controls{border-right:1px solid #e9e8f3}
.property-prep-heading,.property-list-head,.property-result-head,.property-compare-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.property-prep-heading h2{margin:.2rem 0 0;font-size:1.35rem;color:var(--product-ink)}
.property-step{display:block;color:var(--product-purple);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.property-local{padding:.38rem .58rem;border-radius:999px;background:#eeeaff;color:var(--product-purple);font-size:.68rem;font-weight:700}
.property-drop{margin-top:1rem;min-height:112px!important}
.property-file-list{display:grid;max-height:238px;margin-top:.75rem;overflow:auto;border:1px solid var(--product-line);border-radius:12px;background:#fbfaff}
.property-list-head{position:sticky;top:0;z-index:1;padding:.65rem .75rem;background:#f4f3fa;border-bottom:1px solid var(--product-line)}
.property-list-head strong{font-size:.78rem}.property-list-head button{border:0;background:transparent;color:#6f669a;font-size:.72rem;cursor:pointer}
.property-file-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto 28px;align-items:center;gap:.65rem;padding:.58rem .7rem;border-bottom:1px solid #e9e8f3}.property-file-list article:last-child{border-bottom:0}
.property-file-list img{width:48px;height:40px;border-radius:7px;object-fit:cover}.property-file-list strong,.property-file-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-file-list strong{font-size:.74rem}.property-file-list small{margin-top:.12rem;color:var(--product-muted);font-size:.64rem}
.property-status{color:#27714d;font-size:.64rem;font-weight:700}.property-file-list [data-property-remove]{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:7px;background:transparent;color:#756d95;cursor:pointer}.property-file-list [data-property-remove]:hover{background:#ece9f5;color:#25195e}
.property-setting{margin:1rem 0 0;padding:0;border:0}.property-setting legend{display:flex;width:100%;align-items:center;justify-content:space-between;color:var(--product-ink);font-size:.8rem;font-weight:700}.property-setting>p{margin:.35rem 0 .7rem;color:var(--product-muted);font-size:.72rem}
.property-toggle{display:flex;align-items:center;gap:.45rem;cursor:pointer}.property-toggle input{position:absolute;opacity:0}.property-toggle>span{position:relative;width:35px;height:20px;border-radius:999px;background:#c9c5db;transition:.18s}.property-toggle>span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #160e5340;transition:.18s}.property-toggle input:checked+span{background:var(--product-purple)}.property-toggle input:checked+span:after{transform:translateX(15px)}
.property-segments,.property-presets,.property-strength{display:grid;gap:.45rem}.property-segments{grid-template-columns:repeat(3,minmax(0,1fr))}.property-presets{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:.55rem}.property-strength{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.45rem}
.property-segments input,.property-presets input,.property-strength input{position:absolute;opacity:0}.property-segments label,.property-presets label,.property-strength label{min-width:0;cursor:pointer}.property-segments span,.property-presets span,.property-strength span{display:grid;height:100%;place-content:center;padding:.6rem .45rem;border:1px solid var(--product-line);border-radius:9px;background:#fff;color:var(--product-muted);font-size:.69rem;font-weight:700;text-align:center;transition:.16s}.property-segments small{display:block;margin-top:.18rem;font-size:.56rem;font-weight:400;line-height:1.25}.property-segments input:checked+span,.property-presets input:checked+span,.property-strength input:checked+span{border-color:var(--product-purple);background:#eeeaff;color:var(--product-ink);box-shadow:inset 0 0 0 1px var(--product-purple)}
.property-segments input:focus-visible+span,.property-presets input:focus-visible+span,.property-strength input:focus-visible+span,.property-toggle input:focus-visible+span{outline:3px solid #ff7800;outline-offset:2px}.property-segments input:disabled+span,.property-strength input:disabled+span{opacity:.45;cursor:not-allowed}
.property-output-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:.55rem}.property-output-fields label{color:var(--product-muted);font-size:.62rem;font-weight:700}.property-output-fields :is(input,select){width:100%;height:38px;margin-top:.22rem;padding:0 .55rem;border:1px solid var(--product-line);border-radius:8px;background:#fff;color:var(--product-ink);font:inherit;font-size:.72rem}.property-process{width:100%;margin-top:1rem}.property-privacy{margin:.65rem 0 0;color:#625a88;font-size:.67rem;text-align:center}
.property-prep-results{display:grid;align-content:start;min-height:620px;background:#f7f6fb}.property-empty{align-self:center;padding:3rem 1rem;text-align:center}.property-empty>span{display:grid;width:48px;height:48px;margin:0 auto 1rem;place-items:center;border:1px solid #d5d0e7;border-radius:14px;background:#fff;color:var(--product-purple);font-size:1.4rem}.property-empty h2{margin:0;color:var(--product-ink);font-size:1.15rem}.property-empty p{margin:.45rem 0 0;color:var(--product-muted);font-size:.77rem}
.property-processing{display:grid;min-height:360px;place-content:center;text-align:center}.property-processing>span{width:32px;height:32px;margin:0 auto 1rem;border:3px solid #d9d5e8;border-top-color:var(--product-purple);border-radius:50%;animation:property-spin .75s linear infinite}.property-processing strong{font-size:.9rem}.property-processing small{margin-top:.35rem;color:var(--product-muted)}@keyframes property-spin{to{transform:rotate(360deg)}}
.property-result-head{margin-bottom:.8rem}.property-result-head strong{display:block;margin-top:.2rem;color:var(--product-ink);font-size:1rem}.property-result-head button,.property-result-card>button{min-height:38px;padding:.55rem .75rem;border:0;border-radius:9px;background:var(--product-ink);color:#fff;font-size:.69rem;font-weight:700;cursor:pointer}.property-result-head button:hover,.property-result-card>button:hover{background:var(--product-purple)}
.property-result-card{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.75rem;border:1px solid var(--product-line);border-radius:12px;background:#fff}.property-result-card+.property-result-card{margin-top:.65rem}.property-preview{position:relative;display:block;width:116px;height:82px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#ddd;cursor:pointer}.property-preview img{width:100%;height:100%;object-fit:cover}.property-preview span{position:absolute;right:5px;bottom:5px;padding:.25rem .35rem;border-radius:5px;background:#160e53e8;color:#fff;font-size:.55rem;font-weight:700}.property-result-copy{min-width:0}.property-result-copy>strong,.property-result-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-result-copy>strong{color:var(--product-ink);font-size:.77rem}.property-result-copy>small{margin-top:.18rem;color:var(--product-muted);font-size:.65rem}.property-result-copy p{margin:.42rem 0 0;color:#675e8d;font-size:.62rem}.property-result-copy p b{display:block;margin-bottom:.1rem;color:#27714d}.property-message{padding:1rem;border-radius:10px;background:#fff}.property-message--error{color:#8e2532}
.property-compare{width:min(920px,calc(100vw - 32px));padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 30px 100px #08051c66}.property-compare::backdrop{background:#0b0725c9}.property-compare-head{padding:1rem 1.1rem}.property-compare-head strong,.property-compare-head small{display:block}.property-compare-head small{margin-top:.2rem;color:#6e678d;font-size:.7rem}.property-compare-head button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:10px;background:#eeeaf7;color:#25195e;font-size:1.2rem;cursor:pointer}.property-compare-stage{position:relative;aspect-ratio:4/3;overflow:hidden;background:#111}.property-compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.property-compare-stage [data-after]{position:absolute;inset:0;overflow:hidden}.property-compare-stage [data-after] img{max-width:none}.property-compare-stage [data-divider]{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #160e5355}.property-compare-stage input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.property-compare-labels{display:flex;justify-content:space-between;padding:.7rem 1rem;color:#554c7d;font-size:.7rem;font-weight:700}
@media(max-width:960px){.tool-page[data-tool="property-image-prep"] .property-prep{grid-template-columns:1fr}.property-prep-controls{border-right:0;border-bottom:1px solid #e9e8f3}.property-prep-results{min-height:390px}.property-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.property-prep-controls,.property-prep-results{padding:1rem}.property-segments{grid-template-columns:1fr}.property-segments span{min-height:48px;place-content:center start;text-align:left}.property-segments small{display:inline;margin-left:.35rem}.property-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.property-output-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.property-file-list article{grid-template-columns:44px minmax(0,1fr) 28px}.property-file-list .property-status{display:none}.property-result-card{grid-template-columns:88px minmax(0,1fr)}.property-preview{width:88px;height:72px}.property-result-card>button{grid-column:1/-1;width:100%}.property-result-head{align-items:flex-end}.property-compare{width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){.property-processing>span{animation:none}.property-toggle>span,.property-toggle>span:after,.property-segments span,.property-presets span,.property-strength span{transition:none}}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) a {
  color: inherit;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero {
  padding: clamp(7.25rem, 10vw, 9rem) var(--pad) 1.75rem;
  background: var(--product-ink);
  color: #fff;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero > a {
  margin-bottom: 1rem;
  color: #e9e8f3;
  font-size: .78rem;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero .eyebrow {
  margin-bottom: .45rem;
  color: #d4d2e6;
  font-size: .64rem;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero h1 {
  max-width: 24ch;
  margin: 0 0 .55rem;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.35rem);
  font-weight: 520;
  line-height: 1.04;
  letter-spacing: -.045em;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero > p:not(.eyebrow) {
  max-width: 60ch;
  margin: 0;
  color: #e9e8f3;
  font-size: .98rem;
  line-height: 1.5;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero ul {
  display: none;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-workspace {
  max-width: 1280px;
  margin-inline: auto;
  padding: 1.25rem var(--pad) clamp(3.5rem, 6vw, 5rem);
  background: var(--product-bg);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-privacy {
  max-width: none;
  margin-bottom: .75rem;
  padding: .75rem 1rem;
  border: 1px solid var(--product-line);
  border-radius: 12px;
  background: #fff;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-privacy > span {
  color: var(--product-orange);
  font-size: 1.2rem;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-privacy p {
  color: var(--product-muted);
  font-size: .75rem;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-privacy strong {
  color: var(--product-ink);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-form, .image-tool, .pdf-tool, .writing-tool, .seo-tool, .calculator, .bulk-resize) {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--product-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(38, 28, 106, .08);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-inputs, .tool-result) {
  min-height: 390px;
  padding: clamp(1.4rem, 3vw, 2.2rem);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-inputs {
  border-right: 1px solid #e9e8f3;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-inputs h2, .tool-result h2) {
  margin: 0 0 1.15rem;
  color: var(--product-ink);
  font-size: clamp(1.18rem, 1.7vw, 1.5rem);
  font-weight: 560;
  line-height: 1.15;
  letter-spacing: -.025em;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-inputs label {
  margin-bottom: .85rem;
  color: var(--product-ink);
  font-size: .78rem;
  font-weight: 560;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-inputs label em {
  color: var(--product-muted);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-inputs input:not([type="checkbox"]):not([type="range"]), .tool-inputs select, .tool-inputs textarea) {
  margin-top: .4rem;
  padding: .68rem .75rem;
  border: 1px solid var(--product-line);
  border-radius: 10px;
  background: var(--product-bg);
  color: var(--product-ink);
  font-size: .92rem;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-inputs input, .tool-inputs select, .tool-inputs textarea):focus {
  outline: 2px solid var(--product-orange);
  outline-offset: 2px;
  border-color: var(--product-orange);
  box-shadow: 0 0 0 3px rgba(255, 120, 0, .12);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-inputs :is(input, textarea)::placeholder {
  color: var(--product-muted);
  opacity: .75;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-inputs small {
  color: var(--product-muted);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .file-drop {
  min-height: 108px;
  padding: 1rem !important;
  border-color: var(--product-muted);
  border-radius: 12px;
  background: var(--product-bg);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .file-drop span {
  color: var(--product-ink);
  font-size: .92rem;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-tabs {
  gap: .4rem;
  margin-bottom: 1rem;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-tabs button {
  padding: .52rem .66rem;
  border: 1px solid var(--product-line);
  border-radius: 8px;
  background: var(--product-soft);
  color: var(--product-blue);
  font-size: .73rem;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-tabs button.is-active {
  border-color: var(--product-blue);
  background: var(--product-blue);
  color: #fff;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-inputs > .button, .tool-inputs .button-lime) {
  min-height: 2.7rem;
  margin-top: .55rem;
  padding: .72rem 1rem;
  border: 1px solid var(--product-orange);
  border-radius: 10px;
  background: var(--product-orange);
  color: var(--product-ink);
  box-shadow: 0 8px 20px rgba(255, 120, 0, .18);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-inputs > .button, .tool-inputs .button-lime):hover {
  background: var(--product-ink);
  color: #fff;
  transform: translateY(-2px);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-result {
  background: var(--product-soft);
  color: var(--product-ink);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .result-empty {
  min-height: 330px;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .result-empty i {
  width: 42px;
  height: 42px;
  margin-bottom: 1.2rem;
  border-color: var(--product-line);
  border-radius: 12px;
  background: #fff;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.result-empty p, .tool-note) {
  color: var(--product-muted);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .result-head h3 {
  color: var(--product-ink);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.copy-button, .download-button) {
  border-color: var(--product-blue);
  border-radius: 8px;
  background: var(--product-blue);
  color: #fff;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.copy-button, .download-button):hover {
  background: var(--product-orange);
  color: var(--product-ink);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.result-text, .image-result-card, .pdf-result-card) {
  border-color: var(--product-line);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .result-text {
  background: #fff;
  color: var(--product-blue);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .result-meta span {
  background: #e9e8f3;
  color: var(--product-blue);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .result-meta .good {
  background: var(--product-blue);
  color: #43ed9c;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .result-meta .warn {
  background: #fadb4b;
  color: var(--product-ink);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.image-result-card small, .pdf-result-card small, .writing-metrics span, .analysis-list li, .calc-explain, .formula) {
  color: var(--product-muted);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .writing-metrics div {
  border-color: var(--product-line);
  background: #fff;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .writing-metrics b {
  color: var(--product-orange);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .analysis-list li {
  border-left-color: var(--product-orange);
  background: #fff;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .seo-checks p {
  background: #fff;
  color: var(--product-blue);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .calc-value {
  color: var(--product-orange);
  font-size: clamp(3.5rem, 6vw, 5.5rem);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .formula {
  border-top-color: var(--product-line);
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-after {
  max-width: 1280px;
  margin-inline: auto;
  padding: 2.75rem var(--pad) 4rem;
  border-top: 1px solid #e9e8f3;
  background: var(--product-soft) !important;
  color: var(--product-ink) !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-after :is(.eyebrow, h2, h3, a) {
  color: var(--product-ink) !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-after p {
  color: var(--product-muted) !important;
}

@media (max-width: 760px) {
  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-hero {
    padding: 7rem 20px 1.5rem;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-workspace {
    padding: .8rem 20px 3rem;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) :is(.tool-form, .image-tool, .pdf-tool, .writing-tool, .seo-tool, .calculator, .bulk-resize) {
    grid-template-columns: 1fr;
    border-radius: 16px;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-inputs {
    border-right: 0;
    border-bottom: 1px solid #e9e8f3;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) :is(.tool-inputs, .tool-result) {
    min-height: auto;
    padding: 1.3rem 1.1rem;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .result-empty {
    min-height: 230px;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-after {
    padding: 2rem 20px 3.5rem;
  }
}

@media (max-width: 600px) {
  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .field-pair {
    grid-template-columns: 1fr;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-hero h1 {
    font-size: 2.25rem;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: .15rem;
    scrollbar-width: none;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-tabs::-webkit-scrollbar {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) :is(.button, .copy-button, .download-button, .tool-tabs button) {
    transition: none !important;
  }
}

/* The legacy convergence layer uses !important on its broad tool rules. Keep
   this product-scoped block last so the six public mini-apps can actually use
   the compact light shell without affecting Whiteboard or hidden tools. */
:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) {
  background: #f8f8fc !important;
  color: #160e53 !important;
  overflow: visible !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero {
  padding: clamp(6.25rem, 8vw, 8rem) var(--pad) 1.5rem !important;
  background: #160e53 !important;
  color: #fff !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero > a { margin-bottom: .75rem !important; }

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero h1 {
  max-width: 24ch !important;
  margin: .3rem 0 .5rem !important;
  font-size: clamp(2rem, 3.5vw, 3.2rem) !important;
  font-weight: 520 !important;
  line-height: 1.05 !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-hero ul { display: none !important; }

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-workspace {
  width: min(1280px, 100%) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 1.25rem var(--pad) clamp(3.5rem, 6vw, 5rem) !important;
  border: 0 !important;
  background: #f8f8fc !important;
  box-shadow: none !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-privacy {
  display: flex !important;
  margin: 0 0 .75rem !important;
  padding: .7rem 1rem !important;
  border: 1px solid #d4d2e6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #160e53 !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-form, .bulk-resize, .image-tool, .pdf-tool, .writing-tool, .calculator) {
  border: 1px solid #d4d2e6 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 16px 36px rgba(38, 28, 106, .08) !important;
  overflow: hidden !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-inputs, .tool-result) {
  min-height: 390px !important;
  padding: clamp(1.25rem, 2.4vw, 2.25rem) !important;
  background: #fff !important;
  color: #160e53 !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-inputs { border-right: 1px solid #e9e8f3 !important; }

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .tool-result { background: #f4f3fa !important; }

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(.tool-inputs h2, .tool-result h2) {
  margin-bottom: 1rem !important;
  font-size: clamp(1.2rem, 2vw, 1.55rem) !important;
  line-height: 1.15 !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select) {
  border-color: #d4d2e6 !important;
  background: #f4f3fa !important;
  color: #160e53 !important;
  box-shadow: none !important;
}

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .file-drop { min-height: 108px !important; padding: 1rem !important; }

:is(
  .tool-page[data-tool="bulk-resize"],
  .tool-page[data-tool="property-image-prep"],
  .tool-page[data-tool="image-tools"],
  .tool-page[data-tool="pdf-tools"],
  .tool-page[data-tool="character-counter"],
  .tool-page[data-tool="marketing-calculator"]
) .result-empty { min-height: 230px !important; }

@media (max-width: 760px) {
  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-hero { padding: 6.25rem 20px 1.25rem !important; }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-hero h1 { font-size: clamp(2rem, 9vw, 2.6rem) !important; }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-workspace { width: 100% !important; padding: 1rem 16px 3rem !important; }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) :is(.tool-form, .bulk-resize, .image-tool, .pdf-tool, .writing-tool, .calculator) {
    grid-template-columns: 1fr !important;
    border-radius: 16px !important;
  }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .tool-inputs { border-right: 0 !important; border-bottom: 1px solid #e9e8f3 !important; }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) :is(.tool-inputs, .tool-result) { min-height: auto !important; padding: 1.25rem !important; }

  :is(
    .tool-page[data-tool="bulk-resize"],
    .tool-page[data-tool="property-image-prep"],
    .tool-page[data-tool="image-tools"],
    .tool-page[data-tool="pdf-tools"],
    .tool-page[data-tool="character-counter"],
    .tool-page[data-tool="marketing-calculator"]
  ) .result-empty { min-height: 220px !important; }
}