.public-capture-viewer {
    width: min(1180px, calc(100vw - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: var(--radius-editorial);
    background: var(--color-surface);
    color: var(--color-text);
    box-shadow: var(--shadow-hero);
}
.public-capture-viewer::backdrop { background: var(--color-modal-backdrop); backdrop-filter: blur(4px); }
.public-capture-panel { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; height: min(860px, calc(100dvh - 32px)); }
.public-capture-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--color-border); }
.public-capture-panel > header strong { min-width: 0; font-size: 1rem; }
.public-capture-viewer button { cursor: pointer; border: 1px solid var(--color-border); border-radius: var(--radius-card); background: var(--color-surface); color: var(--color-text); padding: 8px 12px; min-height: 44px; font: inherit; }
.public-capture-viewer [data-capture-close] { display: grid; place-items: center; width: 44px; flex: 0 0 44px; }
.public-capture-viewer button:disabled { opacity: .6; cursor: default; }
.public-capture-viewer :focus-visible { outline: 3px solid var(--color-primary); outline-offset: -3px; }
.public-capture-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 8px 20px; font-size: .875rem; }
.public-capture-toolbar [data-capture-status] { flex: 1 1 140px; }
.public-capture-stage { min-width: 0; min-height: 0; padding: 16px; overflow: auto; overscroll-behavior: contain; background: var(--color-surface-muted); }
.public-capture-stage img { display: block; width: 100%; height: 100%; object-fit: contain; }
.public-capture-stage img[hidden] { display: none; }
.public-capture-stage.is-natural img { width: auto; height: auto; max-width: none; max-height: none; }
.public-capture-panel > p { margin: 0; padding: 12px 20px; max-height: 18dvh; overflow: auto; font-size: .875rem; color: var(--color-muted); }
body[data-public-presentation] [data-public-capture-open]:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 4px; }
body[data-public-presentation] .tree-feature-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; }
body[data-public-presentation] .tree-feature-hero .landing-hero-copy { width: min(900px, 100%); }
body[data-public-presentation] .tree-feature-hero .product-feature-hero-preview { width: min(987px, 100%); margin-inline: 0; transform: none; }
body[data-public-presentation] .tree-feature-hero .product-feature-hero-preview figcaption {
    display: block;
    margin-top: var(--space-4);
    font-size: var(--font-size-body-small);
    line-height: 1.6;
    text-align: left;
}
@media (max-width: 600px) {
    .public-capture-viewer { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
    .public-capture-panel { height: calc(100dvh - 16px); }
    .public-capture-panel > header, .public-capture-toolbar, .public-capture-panel > p { padding-inline: 12px; }
    .public-capture-stage { padding: 8px; }
}

body[data-public-presentation] .tree-feature-hero{gap:var(--space-6);padding-block:var(--space-6)}
body[data-public-presentation] .tree-feature-hero .landing-logo-title{font-size:clamp(2.15rem,4vw,3.6rem);line-height:1.06;margin-block:var(--space-3)}
body[data-public-presentation] .tree-feature-hero .landing-hero-text{margin-block:var(--space-4);line-height:1.55}