/* Results stay inside the tool viewport; the shared header and bottom nav remain fixed. */
.px-tool-result[hidden], body[data-tool-result-open] main[data-tool-result-host] > [data-tool-result-suspended] { display: none !important; }
body.creation-editor[data-tool-result-open] :is(.creation-editor__controls, .draw-color-editor, .pxd-panel) { display: none !important; }
body[data-tool-result-open] { height: 100dvh; min-height: 0; overflow: hidden !important; background: #f7f8f6; color: #1b2025; touch-action: auto; }
body[data-tool-result-open] main[data-tool-result-host] { position: fixed !important; inset: 0 0 var(--px-tool-result-nav-clearance, 84px) !important; display: flex !important; flex-direction: column; width: 100%; height: auto !important; min-height: 0 !important; overflow: hidden !important; padding: 0 !important; color: #1b2025 !important; }
body[data-tool-result-open] > .site-header ~ main[data-tool-result-host] { top: var(--px-header-height,64px) !important; }
body[data-tool-result-open] .lc-top { position: sticky !important; inset: 0 0 auto !important; width: 100%; min-height: var(--px-header-height,64px); background: #f7f8f6 !important; }
body[data-tool-result-open] .lc-top .px-header-brand { color: #1b2025; }
body[data-tool-result-open] .audio-heading { position: sticky; top: 0; z-index: 35; padding: 8px 12px; background: #f7f8f6; }
body[data-tool-result-open] :is(.audio-header-actions,.lc-zoom-stops,#cameraControls) { display: none !important; }
.px-tool-result { box-sizing: border-box; display: flex; flex: 1 1 0; flex-direction: column; min-height: 0; width: 100%; padding: 0; text-align: center; }
.px-tool-result__inner { box-sizing: border-box; display: grid; flex: 1 1 0; grid-template-rows: minmax(0,1fr) auto; gap: 24px; min-width: 0; min-height: 0; height: 100%; margin-inline: auto; padding: 8px 0; }
.px-tool-result__content { display: grid; grid-template-rows: auto minmax(128px,1fr) auto; align-content: center; justify-items: center; gap: 8px; min-width: 0; min-height: 0; padding: 4px 0; }
.px-tool-result__heading { display: grid; justify-items: center; gap: 8px; min-width: 0; }
.px-tool-result__title { margin: 0; color: #1b2025; font: 800 clamp(1.4rem,4vw,2rem)/1.18 system-ui,-apple-system,sans-serif; letter-spacing: -.025em; text-wrap: balance; }
.px-tool-result__detail { max-width: 44ch; margin: 0; color: #59636c; font: 500 .875rem/1.55 system-ui,-apple-system,sans-serif; overflow-wrap: anywhere; }
.px-tool-result__picture { box-sizing: border-box; width: min(100%,440px); height: auto; max-height: min(40dvh,380px); min-height: 128px; margin: 0 auto; border: 1px solid #d9e0dd; background: #f0f3f1; border-radius: 16px; }
.px-tool-result__preview { display: block; width: 100%; height: 100%; object-fit: contain; image-rendering: pixelated; }
.px-tool-result__picture[hidden], .px-tool-result__preview[hidden], .px-tool-result__detail[hidden] { display: none !important; }
.px-tool-result__action-group { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; min-width: 0; }
.px-tool-result__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; min-width: 0; margin: 0; }
.px-tool-result__actions .lc-result { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; width: auto; }
.px-tool-result__actions :is(button,a), .px-tool-result .px-tool-result__return { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 10px 18px; border: 1px solid #cbd4d1; border-radius: 14px; background: #fff; color: #1b2025; font: 700 .95rem/1.3 system-ui,-apple-system,sans-serif; text-decoration: none; cursor: pointer; }
.px-tool-result__actions svg { width: 22px; height: 22px; flex: none; }
.px-tool-result__actions .lc-save { background: #ffd35a; border-color: #e5b944; box-shadow: 0 3px 0 #cfaa3f; }
.px-tool-result__actions .lc-upgrade { flex-basis: 100%; background: #fff9e6; }
.px-tool-result__actions [hidden] { display: none !important; }
.px-tool-result__ad-row { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; min-width: 0; }
.px-tool-result__ad-row[hidden] { display: none !important; }
.px-tool-result__ad-row[data-reserved="true"] { block-size: var(--px-tool-result-ad-reserved-height,145px); min-block-size: var(--px-tool-result-ad-reserved-height,145px); max-block-size: var(--px-tool-result-ad-reserved-height,145px); }
@media (min-width: 1100px) {
  .px-tool-result__ad-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1099px) {
  .px-tool-result [data-result-ad-placement="secondary"] { display: none !important; }
}
.px-tool-result .px-display-ad { box-sizing: border-box; align-self: stretch; width: 100%; height: var(--px-display-ad-reserved-height,145px); min-height: var(--px-display-ad-reserved-height,145px); margin: 0; }
.px-tool-result :is(button,a):focus-visible { outline: 3px solid #357bb3; outline-offset: 3px; }
.px-tool-result__actions :is(button,a):hover:not(:disabled), .px-tool-result .px-tool-result__return:hover { border-color: #7c8b86; background-color: #f4f6f5; }
.px-tool-result__actions .lc-save:hover:not(:disabled) { border-color: #c49a2d; background-color: #f4c94f; }
.app-tabs .px-tool-result__nav-icon { display: block; place-self: center; width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
body[data-tool-result-open] footer { display: none; }
body[data-tool-result-open] > .site-header { display: block !important; }

/* Responsive ad hiding is limited to viewports too short for the result controls. */
@media (max-height: 360px) {
  .px-tool-result .px-display-ad { display: none !important; }
}

@media (orientation: landscape) and (max-height: 480px) {
  .px-tool-result .px-display-ad { display: none !important; }
  .px-tool-result__inner { padding-block: 0; }
  .px-tool-result__content { grid-template-columns: minmax(0,1fr) 64px minmax(0,1fr); grid-template-rows: minmax(64px,1fr); align-items: center; gap: 8px; padding-block: 0; }
  .px-tool-result__heading { grid-column: 1; grid-row: 1; gap: 4px; }
  .px-tool-result__title { font-size: clamp(1rem,3vw,1.2rem); line-height: 1.1; }
  .px-tool-result__detail { font-size: .75rem; line-height: 1.2; }
  .px-tool-result__picture { grid-column: 2; grid-row: 1; max-height: 64px; min-height: 64px; }
  .px-tool-result__action-group { grid-column: 3; grid-row: 1; flex-wrap: wrap; gap: 6px; }
  .px-tool-result__actions { flex-wrap: wrap; gap: 6px; }
  .px-tool-result__actions :is(button,a), .px-tool-result .px-tool-result__return { padding: 8px 10px; white-space: nowrap; }
}