/* Approved object boundary: wine stage > white native window. No demo badge. */
.visual-stage[data-visual-stage]{box-sizing:border-box;min-width:0;max-width:100%;padding:clamp(24px,3vw,48px);background:#32131d;border:0;border-radius:16px;isolation:isolate;color:#171717;scroll-margin-top:140px}
.visual-stage[data-visual-stage]>.visual-window,.visual-stage[data-visual-stage]>.l22-canvas,.ec-page .visual-stage[data-visual-stage]>.ec-demo{min-width:0;background:#fff;border:1px solid #d6d6d6;border-radius:10px;box-shadow:0 22px 36px #0d0a0c55;color:#171717}
.visual-window-chrome{height:32px;display:flex;align-items:center;gap:6px;padding:0 16px;border-bottom:1px solid #eee;background:#fafafa;border-radius:10px 10px 0 0}
.visual-window-chrome>i{display:block;width:5px;height:5px;background:#d6d6d6;border-radius:50%;flex:none}
[data-sb-scene="39"] .rt39-report .visual-window>.sd-retention{padding:22px;gap:18px;margin:0}
[data-sb-scene="39"] .rt39-report .visual-stage .sd-report-canvas{border:0;padding:8px 8px 8px 0;border-radius:0;box-shadow:none}
[data-sb-scene="39"] .rt39-report .visual-stage .rt39-metric{background:#f7f7f8;border-color:#e5e5e7}
[data-sb-scene="39"] .rt39-report .visual-stage .rt39-note{background:#f5f1f3}
[data-sb-scene="39"] .rt39-report .visual-stage .rt39-report-header h3{font-weight:400!important}
.visual-stage-editor[data-visual-stage]{padding:clamp(18px,2.4vw,36px)}
.visual-stage-editor .l22-chrome{background:#fafafa;height:32px;border-bottom:1px solid #eee;border-radius:10px 10px 0 0}
.visual-stage-editor .l22-chrome>div>i{background:#d6d6d6;width:5px;height:5px}
.visual-stage-editor .l22-chrome>span{display:none}
.ec-page .visual-stage[data-visual-stage]>.ec-demo{padding:28px}
.ec-page .visual-stage .ec-demo-bar{align-items:center;gap:18px;margin-bottom:24px;padding-bottom:16px}
.ec-page .visual-stage .ec-demo-bar>span:first-child{display:none}
.ec-page .visual-stage .ec-demo-bar:before{content:'';display:block;flex:none;width:5px;height:5px;border-radius:50%;background:#d6d6d6;box-shadow:8px 0 #d6d6d6,16px 0 #d6d6d6;margin-right:auto}
.visual-stage-website .sw-expectation-browser{border:0;border-radius:0 0 10px 10px;box-shadow:none}
@media(max-width:1100px){[data-sb-scene="39"] .rt39-report .visual-window>.sd-retention{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);padding:18px;gap:16px}}
@media(max-width:900px){[data-sb-scene="39"] .rt39-report .visual-window>.sd-retention{grid-template-columns:1fr}}
@media(max-width:767px){.visual-stage[data-visual-stage]{padding:16px;border-radius:12px}.visual-stage-editor[data-visual-stage]{padding:16px}.visual-window-chrome{height:26px;padding-inline:12px}[data-sb-scene="39"] .rt39-report .visual-window>.sd-retention{padding:16px 12px;gap:18px}[data-sb-scene="39"] .rt39-report .visual-stage .sd-report-canvas{padding:0}.ec-page .visual-stage[data-visual-stage]>.ec-demo{padding:18px}.ec-page .visual-stage .ec-demo-bar{font-size:11px;gap:12px}.visual-stage-editor .l22-chrome{height:26px}}
@media(max-width:359px){.visual-stage[data-visual-stage]{padding:12px}[data-sb-scene="39"] .rt39-report .visual-window>.sd-retention{padding:14px 8px}[data-sb-scene="39"] .rt39-report .visual-stage .rt39-picker{display:grid;gap:7px;justify-content:start}[data-sb-scene="39"] .rt39-report .visual-stage .rt39-metric{padding:16px 10px}.ec-page .visual-stage[data-visual-stage]>.ec-demo{padding:16px 12px}}
.ec-page .ev-panel:has(>.visual-stage-commerce){padding:24px}
.ec-page .ev-panel:has(>.visual-stage-commerce)>.visual-stage-commerce{padding:24px}
@media(max-width:767px){.ec-page .ev-panel:has(>.visual-stage-commerce){padding:16px 12px}.ec-page .ev-panel:has(>.visual-stage-commerce)>.visual-stage-commerce{padding:12px}}
/* The expectations composition already owns a wine material stage. */
.sw-expectation-material>.visual-stage-website{padding:0;background:transparent}
@media(max-width:767px){.sw-expectation-material>.visual-stage-website{display:none}}
.ec-page .visual-stage-payment .visual-window>.rf-payment-layout{padding:24px;margin:0}
@media(max-width:767px){.ec-page .visual-stage-payment .visual-window>.rf-payment-layout{padding:18px 12px}}
.ec-page .visual-stage-payment .visual-window>.rf-payment-layout{padding:0;border:0;border-radius:0 0 10px 10px;overflow:clip}
.ec-page .visual-stage-payment .rf-payment-layout>*{min-width:0}
@media(max-width:767px){.ec-page .visual-stage-payment .rf-payment-ticket,.ec-page .visual-stage-payment .rf-payment-receipt{padding:18px 14px}.ec-page .visual-stage-payment .rf-payment-sum{font-size:36px}.ec-page .visual-stage-payment .rf-receipt-states strong{overflow-wrap:anywhere}.ec-page .visual-stage-payment .ec-primary{font-size:14px}}
@media(min-width:768px){.visual-stage-report[data-visual-stage]{padding:32px}}
@media(max-width:359px){[data-sb-scene="39"] .rt39-report .visual-stage .sd-retention>aside{grid-template-columns:1fr}[data-sb-scene="39"] .rt39-report .visual-stage .rt39-metric{padding:18px 16px}[data-sb-scene="39"] .rt39-report .visual-stage .rt39-metric h4{font-size:13px}}
/* Keep the whole screen + phone composition on the selected wine stage. */
.sb-section .sw-expectation-material.sb-wine{background:#32131d!important;border-color:#32131d;color:#fff}
.sb-section .sw-expectation-material .sw-example-caption{color:#fff}
.sb-section .sw-expectation-material .sw-example-caption :is(span,p){color:#c4b8bd}
.sb-section .sw-expectation-material .sw-client-comment,.sb-section .sw-expectation-material .sw-expectation-phone{color:#171717}
.sb-section .sw-expectation-material .sw-client-comment{background:#fff}
.sb-section .sw-expectation-material .sw-example-caption>*{color:#c4b8bd!important}
.sb-section .sw-expectation-material .sw-example-caption>:first-child{color:#fff!important}
/* Audited body surfaces: keep native layouts and controls inside one working window. */
.visual-stage[data-visual-family]{padding:clamp(20px,2.25vw,32px)}
.visual-stage[data-visual-family]>.visual-window{min-width:0;max-width:100%;position:relative}
.visual-stage[data-visual-family]>.visual-window>:not(.visual-window-chrome){min-width:0;max-width:100%;margin:0;box-sizing:border-box}
.visual-stage[data-visual-family]>.visual-window>:is(.ao-workspace,.ld-workspace,.rf-cms-workspace,.rd-editor,.ap-demo,.tm-app,.sh-demo-screen){background:#fff;color:#171717;border:0;border-radius:10px;box-shadow:none}
.visual-stage[data-visual-family="growth-board"] .growth-board{border:0;border-radius:10px;box-shadow:none}
.visual-stage[data-visual-family="growth-board"]{padding:24px}
.visual-stage[data-visual-family="vf-brand-browser"] .vf-brand-browser{border:0;border-radius:10px;box-shadow:none}
.visual-stage .vf-browser-chrome>span{display:none}
.visual-stage .vf-browser-chrome>i{background:#d6d6d6}
.visual-stage[data-visual-family="cxr-surface"] .cxr-surface{border:0;box-shadow:none;border-radius:10px}
.visual-stage[data-visual-family="sh-demo-screen"]{align-self:start}
.visual-stage[data-visual-family="rf-cms-workspace"] .rf-cms-workspace{padding:24px}
.visual-stage[data-visual-family="tm-app"] .tm-app{width:100%}
.visual-stage[data-visual-family="eg-stage"] .eg-stage{padding:24px;border:0;border-radius:0 0 10px 10px;box-shadow:none}
.visual-stage[data-visual-family="ab-source-report"] .ab-source-report{border:0;border-radius:0 0 10px 10px}
.visual-stage[data-visual-family="ab-report-story"] .ab-report-story{border:0;border-radius:0 0 10px 10px;background:#fff;color:#171717}
.visual-stage[data-visual-family="ab-answer-story"] .ab-answer-story{padding:24px}
.visual-device-stage[data-visual-stage="devices"]{background:#32131d;border:0;border-radius:16px;padding:32px;box-sizing:border-box;min-width:0;max-width:100%;isolation:isolate}
.visual-device-stage .vf-laptop,.visual-device-stage .vf-phone{color:#171717}
@media(max-width:900px){.visual-stage[data-visual-family]{padding:16px}.visual-stage[data-visual-family="growth-board"]{padding:16px}.visual-device-stage[data-visual-stage="devices"]{padding:20px}}
@media(max-width:767px){
 .visual-stage[data-visual-family]{padding:12px;border-radius:12px}
 .visual-stage[data-visual-family="cxr-surface"] .cxr-surface{padding:16px 12px}
 .visual-stage[data-visual-family="growth-board"]{padding:12px}
 .visual-stage[data-visual-family="rf-cms-workspace"] .rf-cms-workspace{padding:16px 12px}
 .visual-stage[data-visual-family="eg-stage"] .eg-stage{padding:18px 12px}
 .visual-stage[data-visual-family="ab-answer-story"] .ab-answer-story{padding:16px 12px}
 .visual-device-stage[data-visual-stage="devices"]{padding:16px;border-radius:12px}
}
/* Complete native canvas: absolute app positions stay within their original owner. */
.visual-stage[data-visual-family="tm-canvas"]{padding:20px}
.visual-stage[data-visual-family="tm-canvas"] .tm-canvas{border-radius:0 0 10px 10px}
.visual-stage[data-visual-family="sw-cms-editor"] .sw-cms-editor{border:0;border-radius:0 0 10px 10px;background:#fff;color:#171717}
.visual-stage[data-visual-family="sw-cms-editor"] .rf-cms-workspace{min-width:0}
.visual-stage[data-visual-family="sb-duplicate"] .sb-duplicate{padding:24px;gap:24px}
.visual-stage[data-visual-family="sw-publication-layout"] .sw-publication-layout{padding:24px}
.visual-stage[data-visual-family="vf-character-layout"] .vf-character-mark{min-width:0}
.visual-stage[data-visual-family="vf-character-layout"] .vf-character-mark>p{white-space:normal}
.visual-device-stage .vf-laptop,.visual-device-stage .vf-phone{min-width:0;max-width:100%;box-sizing:border-box}
.visual-device-stage .vf-phone{justify-self:end}
@media(max-width:1100px){.visual-device-stage[data-visual-stage="devices"]{gap:32px}}
@media(max-width:900px){.visual-stage[data-visual-family="sb-duplicate"] .sb-duplicate{grid-template-columns:1fr}.visual-stage[data-visual-family="sw-publication-layout"] .sw-publication-layout{grid-template-columns:1fr}}
@media(max-width:767px){
 .visual-stage[data-visual-family="tm-canvas"]{padding:12px}
 .visual-stage[data-visual-family="sb-duplicate"] .sb-duplicate{padding:16px 12px;gap:20px}
 .visual-stage[data-visual-family="sw-publication-layout"] .sw-publication-layout{padding:16px 12px}
 .visual-device-stage[data-visual-stage="devices"]{gap:24px;grid-template-columns:1fr}
 .visual-device-stage .vf-phone{justify-self:center}
}
.visual-stage[data-visual-family="vf-character-layout"] .vf-character-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr) minmax(0,.85fr)}
.visual-stage[data-visual-family="vf-character-layout"] .vf-character-layout>*{min-width:0}
@media(max-width:900px){.visual-stage[data-visual-family="vf-character-layout"] .vf-character-layout{grid-template-columns:minmax(0,1fr)}}
.sb-section .visual-device-stage[data-visual-stage="devices"]{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:40px}
.sb-section .visual-device-stage .vf-laptop{width:100%;min-width:0;max-width:100%}
.sb-section .visual-device-stage .vf-phone{width:100%;min-width:0;max-width:100%}
@media(max-width:900px){.sb-section .visual-device-stage[data-visual-stage="devices"]{gap:24px;grid-template-columns:minmax(0,1fr)}.sb-section .visual-device-stage .vf-phone{max-width:300px;justify-self:center}}
.visual-stage[data-visual-family="sb-duplicate"] .sb-duplicate-wires{overflow:clip}
/* Homepage journey keeps its original scroll-controlled canvas and moving links. */
.home-page .promotion-story .pf-sticky>.visual-stage-model{padding:24px;min-height:0}
.home-page .promotion-story .visual-stage-model>.visual-window{padding:0 24px;min-height:0}
.home-page .promotion-story .visual-stage-model .pf-canvas{max-width:none}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
 .home-page .promotion-story .pf-sticky>.visual-stage-model{padding:12px;flex:1;min-height:0;display:flex}
 .home-page .promotion-story .visual-stage-model>.visual-window{padding:0;flex:1;min-height:0;display:flex;overflow:clip}
 .home-page .promotion-story .visual-stage-model .pf-viewport{margin:0;padding:0 12px;--pf-column-width:calc((100vw - 88px)*.78)}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.home-page .promotion-story .pf-sticky>.visual-stage-model{padding:12px}.home-page .promotion-story .visual-stage-model>.visual-window{padding:0 12px}}
/* Objects stay on the coloured stage, without a redundant browser around devices. */
.ps-workbench.visual-device-stage{background:#32131d;color:#fff;overflow:clip;padding:32px;border-radius:16px}
.ps-workbench.visual-device-stage .ps-adapt-orbit{background:#32131d}
.ps-workbench.visual-device-stage .ps-laptop,.ps-workbench.visual-device-stage .ps-adapt-phone{color:#171717;min-width:0;max-width:100%}
.ps-workbench.visual-device-stage .ps-device-label{color:#c4b8bd}
.ps-workbench.visual-device-stage .ps-link-caption{color:#171717}
.visual-stage[data-visual-family="tm-canvas"] .visual-window{overflow:clip}
.visual-stage[data-visual-family="sb-duplicate"] .visual-window{overflow:clip}
.sb-section .visual-device-stage[data-visual-stage="devices"]{overflow:clip}
@media(max-width:767px){.ps-workbench.visual-device-stage{padding:16px}.ps-workbench.visual-device-stage .ps-laptop,.ps-workbench.visual-device-stage .ps-adapt-phone{width:100%}}
.ps-workbench.visual-device-stage .ps-device-label{position:relative;inset:auto;display:flex;align-items:flex-start;gap:8px;padding:0;margin-top:16px;background:transparent;border-radius:0;color:#c4b8bd}
@media(max-width:767px){.ps-workbench.visual-device-stage{row-gap:40px}}
/* Responsive editable illustration is one scene, not two counted examples. */
.visual-stage[data-visual-family="v7-figure"] .v7-figure{margin:0;border:0}
.visual-stage[data-visual-family="v7-figure"] .v7-figure-tag{border-radius:10px 10px 0 0;padding-inline:24px}
.visual-stage[data-visual-family="v7-figure"] .v7-figure figcaption{padding-inline:24px;padding-bottom:24px}
@media(max-width:767px){.visual-stage[data-visual-family="v7-figure"] .v7-figure-tag{padding-inline:12px}.visual-stage[data-visual-family="v7-figure"] .v7-figure figcaption{padding-inline:12px;padding-bottom:16px}}

/* Message sequence: the white window needs its own reading gutter.
   Do not inherit oversized paper padding or fixed minimum heights. */
.visual-stage-messages .sd-message-chain{padding:28px;column-gap:24px;row-gap:0;align-items:stretch;grid-template-rows:auto auto auto;grid-auto-flow:column}
.visual-stage-messages .sd-message-stage{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 3}
.visual-stage-messages .sd-message-stage>h3{font-size:24px!important;font-weight:400!important;line-height:1.2;letter-spacing:-.035em;margin:8px 0 16px;min-height:0}
.visual-stage-messages .sd-message-stage>.sd-paper{padding:20px;min-height:0;border-radius:10px;transform:none!important;box-shadow:none;flex:1}
.visual-stage-messages .sd-message-stage>.sb-label{font-size:12px;line-height:18px}
.visual-stage-messages .sd-message-stage>.sd-paper>p{font-size:15px;line-height:1.5;margin:0 0 16px}
.visual-stage-messages .sd-message-stage>.sd-paper>.sb-label{font-size:11px;line-height:16px;margin-top:16px}
.visual-stage-messages .sd-message-points{font-size:14px;line-height:1.5;gap:5px;margin:0}
.visual-stage-messages .ve-message-brand{gap:10px;margin-bottom:16px}
.visual-stage-messages .ve-message-brand>span{line-height:1.3}
.visual-stage-messages .ve-message-brand small{line-height:1.4}
.visual-stage-messages .sd-saved-link{font-size:14px;line-height:1.4;margin:0}
.visual-stage-messages .sd-paper>.sb-check{margin:0}
@media(max-width:900px){
 .visual-stage-messages .sd-message-chain{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;padding:20px;gap:12px}
 .visual-stage-messages .sd-message-stage{display:flex;flex-direction:column;grid-row:auto;grid-template-rows:none}
 .visual-stage-messages .sd-message-stage+ .sd-message-stage{padding-top:16px;border-top:1px solid #e5e5e5}
 .visual-stage-messages .sd-message-stage>h3{font-size:22px!important;margin:8px 0 14px}
 .visual-stage-messages .sd-message-stage>.sd-paper{padding:16px;flex:none}
}
@media(max-width:359px){.visual-stage-messages .sd-message-chain{padding:16px}.visual-stage-messages .sd-message-stage>h3{font-size:20px!important}.visual-stage-messages .sd-message-stage>.sd-paper{padding:14px}}

/* These surfaces formerly relied on the surrounding page for their gutters. */
.visual-stage[data-visual-family="ld-workspace"] .ld-workspace,
.visual-stage[data-visual-family="ap-role-workspaces"] .ap-role-workspaces,
.visual-stage[data-visual-family="ap-demo"] .ap-demo{padding:24px}
@media(max-width:767px){
 .visual-stage[data-visual-family="ld-workspace"] .ld-workspace,
 .visual-stage[data-visual-family="ap-role-workspaces"] .ap-role-workspaces,
 .visual-stage[data-visual-family="ap-demo"] .ap-demo{padding:20px}
}
@media(max-width:359px){
 .visual-stage[data-visual-family="ld-workspace"] .ld-workspace,
 .visual-stage[data-visual-family="ap-role-workspaces"] .ap-role-workspaces,
 .visual-stage[data-visual-family="ap-demo"] .ap-demo{padding:16px}
}
.ps-workbench.visual-device-stage .ps-adapt-phone .ps-device-label{color:#656565}

/* A mobile message sequence is a single conversation, not three nested papers. */
@media(max-width:767px){
 .visual-stage-messages .sd-message-chain{padding:16px;gap:16px}
 .visual-stage-messages .sd-message-stage{position:relative}
 .visual-stage-messages .sd-message-stage>.sb-label{padding-right:44px}
 .visual-stage-messages .sd-message-stage+ .sd-message-stage{padding-top:16px}
 .visual-stage-messages .sd-message-stage>h3{font-size:20px!important;margin:6px 0 10px;line-height:1.2}
 .visual-stage-messages .sd-message-stage>.sd-paper{position:static;padding:0;background:transparent!important;border:0;box-shadow:none!important;min-height:0;border-radius:0}
 .visual-stage-messages .sd-message-stage>.sd-paper>.sb-label{position:absolute;right:0;top:0;margin:0;line-height:18px}
 .visual-stage-messages .sd-message-stage+ .sd-message-stage>.sd-paper>.sb-label{top:16px}
 .visual-stage-messages .ve-message-brand{margin:0 0 10px}
 .visual-stage-messages .sd-message-stage+ .sd-message-stage .ve-message-brand{display:none}
 .visual-stage-messages .sd-message-stage>.sd-paper>p{margin:0 0 10px}
 .visual-stage-messages .sd-message-points{flex-direction:row;flex-wrap:wrap;column-gap:12px;row-gap:4px}
 .visual-stage-messages .sd-saved-link{padding:10px 12px}
 .sb-section:has(.sd-message-chain) .sb-heading{gap:12px;margin-bottom:24px}
 .sb-section:has(.sd-message-chain) .sb-heading>p{font-size:16px;line-height:24px;margin:0}
}

/* Compact authored mobile papers; preserve all content, controls and native states. */
@media(max-width:767px){
 .visual-stage :is(.sd-experiment,.sd-queue,.sd-ai-workbench,.sw-content-layout,.sw-publication-layout,.sw-conversation,.sw-interactive,.sw-ai-search){gap:16px}
 .visual-stage :is(.sd-experiment,.sd-queue,.sd-ai-workbench,.sw-content-layout,.sw-publication-layout,.sw-conversation,.sw-interactive,.sw-ai-search) :is(.sd-paper,.sw-document){padding:16px;min-height:0}
 .visual-stage :is(.sd-experiment,.sd-queue,.sd-ai-workbench,.sw-content-layout,.sw-publication-layout,.sw-conversation,.sw-interactive,.sw-ai-search) .sd-paper>header{margin-bottom:12px}
 .visual-stage :is(.sd-experiment,.sd-queue,.sd-ai-workbench,.sw-content-layout,.sw-publication-layout,.sw-conversation,.sw-interactive,.sw-ai-search) .sd-paper h3{font-size:22px!important;line-height:1.2;margin:10px 0}
 .visual-stage :is(.sd-experiment,.sd-queue,.sd-ai-workbench,.sw-content-layout,.sw-publication-layout,.sw-conversation,.sw-interactive,.sw-ai-search) .sd-paper p{font-size:15px!important;line-height:1.5;margin:10px 0}
 .visual-stage .sd-test-options{margin:12px 0}
 .visual-stage .sd-test-options>div{padding:10px;gap:8px;margin:6px 0;line-height:1.35}
 .visual-stage .sd-test-options small{margin-top:3px;line-height:1.35}
 .visual-stage .sw-criterion-details{flex-direction:row;flex-wrap:wrap;gap:10px 16px;margin-top:16px;font-size:14px;line-height:1.4}
 .visual-stage .sw-criterion-details>.ve-criteria-title{flex-basis:100%}
 .visual-stage .sw-content-answer{min-height:0;padding:16px}
 .visual-stage .sw-content-answer>h3{font-size:24px!important;line-height:1.2}
 .visual-stage .sw-publication-paper{padding:20px 16px}
 .visual-stage .sw-publication-paper>h3{font-size:24px!important;line-height:1.2;margin:12px 0}
 .visual-stage .sw-publication-paper>p{font-size:15px!important;line-height:1.5;margin:12px 0}
 .visual-stage .sw-editor-notes{gap:14px}
 .visual-stage .sw-editor-result{padding:16px}

 .visual-stage .rf-observation-show{gap:16px}
 .visual-stage .rf-observation-show>.rf-paper{padding:16px}
 .visual-stage .rf-observation-show>.rf-paper>header{margin-bottom:12px}
 .visual-stage .rf-observation-show>.rf-paper>h3{font-size:22px!important;line-height:1.2;margin:10px 0}
 .visual-stage .rf-observation-show>.rf-paper>p{font-size:15px;line-height:1.5;margin:10px 0}
 .visual-stage .rf-observation-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;margin-top:14px}
 .visual-stage .rf-observation-menu>div{min-width:0;min-height:40px;padding:8px 6px;gap:6px;font-size:13px;line-height:1.3}
 .visual-stage .rf-observation-menu>div>svg{flex-shrink:0;width:16px;height:16px}
 .visual-stage .rf-observation-callout,.visual-stage .rf-observation-result{margin-top:14px;padding:12px;font-size:14px;line-height:1.45}

 .visual-stage .sw-library-nav,.visual-stage .sw-library-guide,.visual-stage .sw-library-files{padding:16px}
 .visual-stage .sw-library-nav nav{margin:12px 0;gap:6px}
 .visual-stage .sw-library-nav nav>span{padding:8px;min-height:40px;font-size:14px;line-height:1.4;gap:8px}
 .visual-stage .sw-library-guide>h3{font-size:24px!important;line-height:1.2;margin:12px 0}
 .visual-stage .sw-library-guide>p{font-size:15px!important;line-height:1.5}
 .visual-stage .sw-library-guide ol{margin:16px 0}
 .visual-stage .sw-library-guide li{gap:10px;margin:16px 0}
 .visual-stage .sw-library-guide li h3{font-size:18px!important;line-height:1.3;margin:0 0 6px}
 .visual-stage .sw-library-guide li p{font-size:14px!important;line-height:1.5}
 .visual-stage .sw-library-files{gap:14px}
 .visual-stage .sw-library-files>.sd-paper{padding:16px}
 .visual-stage .sw-library-files>.sd-paper>header{margin-bottom:12px}
 .visual-stage .sw-library-files>.sd-paper>h3{font-size:22px!important;line-height:1.2;margin:10px 0}
 .visual-stage .sw-library-live{padding:14px}
}
@media(max-width:359px){.visual-stage .rf-observation-menu{grid-template-columns:minmax(0,1fr)}}

/* Native advertising/application previews: compact chrome and purposeful spacing. */
@media(max-width:767px){
 .visual-stage-messages .sd-message-stage.is-active>.sb-label{color:#a43c27}
 .visual-stage .sd-experiment-bars{height:120px;margin:12px 0;gap:16px}
 .visual-stage .sw-library-publish{margin-top:16px;padding-top:16px}
 .visual-stage .cxr-surface h3{font-size:22px;line-height:1.2;margin-bottom:12px}
 .visual-stage .cxr-surface h4{font-size:18px;line-height:1.3}
 .visual-stage .cxr-surface p{font-size:15px;line-height:1.5}
 .visual-stage .cxr-surface :is(.cxr-studio-head,.cxr-media-wall,.cxr-media-rules,.cxr-creative-pair,.cxr-creative-test,.cxr-direct-output,.cxr-demand){padding:14px;gap:16px}
 .visual-stage .cxr-studio-head{gap:16px}
 .visual-stage .cxr-message-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .visual-stage .cxr-message-choice>button{min-width:0;min-height:44px;padding:10px;font-size:14px;line-height:1.35}
 .visual-stage .cxr-message-choice>button:last-child:nth-child(odd){grid-column:1/-1}
 .visual-stage .cxr-surface :is(.cxr-query-line,.cxr-page-wordmark){margin-bottom:12px}
 .visual-stage .cxr-surface :is(.cxr-search-ad,.cxr-ad-page){padding:14px}
 .visual-stage .cxr-surface :is(.cxr-search-ad,.cxr-ad-page) h3{min-height:0}
 .visual-stage .cxr-sitelinks{padding-block:14px}
 .visual-stage .cxr-feed-art{min-height:200px;padding:16px}
 .visual-stage .cxr-feed-art h3{font-size:26px}
 .visual-stage .cxr-vertical-art{min-height:260px;padding:16px}
 .visual-stage .cxr-vertical-art h3{font-size:26px;margin-top:20px}
 .visual-stage .cxr-media-banner{min-height:170px;padding:16px}
}

/* Complete explanatory workspaces: one app boundary, original live objects. */
.visual-window-chrome>span{margin-left:12px;font-size:11px;line-height:1.3;color:#737373;letter-spacing:0;min-width:0}
.visual-stage[data-visual-family]:is([data-visual-family="sd-qualified-lead"],[data-visual-family="sd-attribution"],[data-visual-family="sd-version-stack"],[data-visual-family="sw-training"],[data-visual-family="sw-support"],[data-visual-family="vf-prototype"],[data-visual-family="vf-components"],[data-visual-family="vf-quality"],[data-visual-family="vf-architecture"],[data-visual-family="vf-journey"],[data-visual-family="vf-research"],[data-visual-family="vf-redesign"],[data-visual-family="vf-kit"],[data-visual-family="vf-posts"],[data-visual-family="vf-film"],[data-visual-family="vf-short"],[data-visual-family="vf-data"],[data-visual-family="vf-details"],[data-visual-family="sw-ad-formats"],[data-visual-family="pv-operation-board"],[data-visual-family="pf-access-demo"],[data-visual-family="fw-messaging"],[data-visual-family="fw-community"],[data-visual-family="fw-special"],[data-visual-family="fw-team"],[data-visual-family="fw-handover"],[data-visual-family="fv-product"],[data-visual-family="fv-attribution"],[data-visual-family="fv-pr"],[data-visual-family="fv-journal"])>.visual-window>:not(.visual-window-chrome){padding:24px;position:relative;border:0;border-radius:0 0 10px 10px}
.visual-stage[data-visual-family="sd-qualified-lead"] .sd-qualified-lead{grid-template-columns:minmax(0,1fr) 72px minmax(0,1.1fr);gap:16px;align-items:center}
.visual-stage-qualification .sd-lead-passport{transform:none!important;box-shadow:none;border:1px solid #e5e5e5;background:#fff;padding:20px}
.visual-stage-qualification .sd-qualified-lead>*{min-width:0}
.visual-stage-qualification .sd-routing-gate{height:220px}
.visual-stage-qualification .sd-lead-routes{gap:14px}
.visual-stage-qualification .sd-lead-routes .sd-paper{padding:20px;border:1px solid #e5e5e5;box-shadow:none;background:#fafafa}
.visual-stage-qualification .sd-lead-routes .sd-positive{background:#f6f3f4}
.visual-stage-qualification .ve-route-status{gap:12px;margin-bottom:16px}
.visual-stage-qualification .ve-route-status>h3{font-size:22px!important;font-weight:400!important;line-height:1.2;margin:0}
.visual-stage-qualification .ve-route-status+header{display:none}
.visual-stage-qualification .sd-request-message{padding:14px;font-size:15px;line-height:1.5}
.visual-stage-qualification .sd-qualification{margin-top:16px;gap:12px}
.visual-stage-qualification .sd-qualification h3{font-size:18px!important;font-weight:400!important;margin:0 0 5px;line-height:1.3}
.visual-stage-qualification .sd-qualification p,.visual-stage-qualification .sd-lead-routes>.sd-paper>p{font-size:14px!important;line-height:1.5}
.visual-stage-qualification .sd-qualification>.impact-icon{margin-top:2px}
.visual-stage-qualification .sd-lead-routes .sd-field,.visual-stage-qualification .sd-lead-routes .sb-row{font-size:13px;padding-block:10px}
.visual-stage-qualification .ve-lead-outcomes-label{font-size:11px}
.visual-stage[data-visual-family="sd-attribution"] .sd-attribution-path{gap:20px}
.visual-stage[data-visual-family="sd-attribution"] .sd-attribution-card:after{right:-32px}
.visual-stage[data-visual-family="pv-operation-board"] .pv-operation-board{max-width:100%;min-width:0}
@media(max-width:900px){.visual-stage[data-visual-family="sd-qualified-lead"] .sd-qualified-lead{grid-template-columns:minmax(0,1fr)}.visual-stage-qualification .sd-routing-gate{height:40px;justify-content:center}.visual-stage[data-visual-family="sd-attribution"] .sd-attribution-card:after{display:none}}
@media(max-width:767px){
 .visual-window-chrome>span{font-size:10px;margin-left:8px}
 .visual-stage[data-visual-family]:is([data-visual-family="sd-qualified-lead"],[data-visual-family="sd-attribution"],[data-visual-family="sd-version-stack"],[data-visual-family="sw-training"],[data-visual-family="sw-support"],[data-visual-family="vf-prototype"],[data-visual-family="vf-components"],[data-visual-family="vf-quality"],[data-visual-family="vf-architecture"],[data-visual-family="vf-journey"],[data-visual-family="vf-research"],[data-visual-family="vf-redesign"],[data-visual-family="vf-kit"],[data-visual-family="vf-posts"],[data-visual-family="vf-film"],[data-visual-family="vf-short"],[data-visual-family="vf-data"],[data-visual-family="vf-details"],[data-visual-family="sw-ad-formats"],[data-visual-family="pv-operation-board"],[data-visual-family="pf-access-demo"],[data-visual-family="fw-messaging"],[data-visual-family="fw-community"],[data-visual-family="fw-special"],[data-visual-family="fw-team"],[data-visual-family="fw-handover"],[data-visual-family="fv-product"],[data-visual-family="fv-attribution"],[data-visual-family="fv-pr"],[data-visual-family="fv-journal"])>.visual-window>:not(.visual-window-chrome){padding:16px}
 .visual-stage-qualification .sd-qualified-lead{gap:12px}
 .visual-stage-qualification .sd-lead-passport{padding:0;border:0}
 .visual-stage-qualification .sd-lead-routes .sd-paper{padding:14px;min-height:0}
 .visual-stage-qualification .ve-route-status{margin-bottom:10px}
 .visual-stage-qualification .ve-route-status>h3{font-size:18px!important}
 .visual-stage-qualification .sd-lead-routes>.sd-paper>p{margin:0 0 10px}
 .visual-stage-qualification .sd-qualification{margin-top:12px}
 .visual-stage-qualification .sd-qualification h3{font-size:16px!important}
 .visual-stage-qualification .sd-qualification p{font-size:13px!important}
 .visual-stage-qualification .sd-request-message{font-size:14px;padding:12px}
 .visual-stage-qualification .sd-routing-gate{height:32px}
 .visual-stage-qualification .sd-lead-passport>header{margin-bottom:12px}
 .visual-stage[data-visual-family="sd-attribution"] .sd-paper{min-height:0;padding:16px}
 .visual-stage[data-visual-family="sd-attribution"] .sd-attribution-bottom>.sb-material-object{height:120px}
 .visual-stage[data-visual-family="sw-training"] .sw-training{gap:16px}
 .visual-stage[data-visual-family="sw-training"] .rf-paper{padding:16px;min-height:0}
 .visual-stage[data-visual-family="sw-training"] :is(h3,h4){font-size:21px!important;line-height:1.2}
 .visual-stage[data-visual-family="sw-training"] p{font-size:14px!important;line-height:1.5}
 .visual-stage[data-visual-family="vf-prototype"] .vf-prototype-sheet{padding:16px;min-height:0}
 .visual-stage[data-visual-family="vf-prototype"] .vf-prototype-grid{gap:16px}
 .visual-stage[data-visual-family="vf-prototype"] .vf-packages>button{min-height:44px;padding:12px}
 .visual-stage[data-visual-family="vf-prototype"] .vf-prototype-sheet h3{font-size:22px}
 .visual-stage[data-visual-family="vf-components"] .vf-component-checkout{padding:16px}
 .visual-stage[data-visual-family="sd-version-stack"] .sd-paper{padding:16px;min-height:0}
 .visual-stage[data-visual-family="fw-messaging"] .fw-messaging{min-height:0;gap:16px}
 .visual-stage[data-visual-family="fw-messaging"] .fw-messaging>div:not(.fw-message-connector){min-height:0;padding:16px;box-shadow:none;transform:none}
 .visual-stage[data-visual-family="fw-messaging"] .fw-message-header{margin-bottom:12px}
 .visual-stage[data-visual-family="fw-messaging"] :is(.fw-message-trigger,.fw-message-letter) h3{margin:14px 0;font-size:22px}
 .visual-stage[data-visual-family="fw-messaging"] .fw-message-events{margin:14px 0}
}
@media(max-width:767px){
 .visual-stage[data-visual-family="sd-qualified-lead"] .sd-qualified-lead{gap:12px}
 .visual-stage-qualification .sd-lead-routes .sd-paper{min-height:0!important;padding:12px}
 .visual-stage-qualification .sd-lead-routes .sb-field{font-size:13px;padding:8px 0;line-height:1.5}
 .visual-stage-qualification .ve-route-status>.impact-icon{width:30px;height:30px;flex:none}
 .visual-stage-qualification .sd-lead-routes .sb-check{font-size:13px;margin:8px 0 0}
 .visual-stage-qualification .sd-lead-routes .sb-row{line-height:1.4;padding:8px 0}
}
@media(max-width:359px){
 [data-sb-scene="39"] .rt39-report .visual-stage .rt39-report-header{flex-wrap:wrap;gap:12px}
 [data-sb-scene="39"] .rt39-report .visual-stage .rt39-picker{width:100%;min-width:0}
}
/* Brand studies and the briefing-to-page example have one composition boundary. */
.visual-stage:is([data-visual-family="vf-directions"],[data-visual-family="vf-kinetic"],[data-visual-family="vf-brand-tree"],[data-visual-family="vf-brief"])>.visual-window>:not(.visual-window-chrome){padding:24px;position:relative;border:0;border-radius:0 0 10px 10px}
@media(max-width:767px){.visual-stage:is([data-visual-family="vf-directions"],[data-visual-family="vf-kinetic"],[data-visual-family="vf-brand-tree"],[data-visual-family="vf-brief"])>.visual-window>:not(.visual-window-chrome){padding:16px}}
.visual-stage[data-visual-family="vf-directions"] .vf-directions-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.visual-stage[data-visual-family="vf-directions"] :is(.vf-direction-search,.vf-direction-chosen){min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:900px){.visual-stage[data-visual-family="vf-directions"] .vf-directions-pair{grid-template-columns:minmax(0,1fr)}}
@media(max-width:359px){
 .visual-stage[data-visual-family="vf-directions"] :is(.vf-direction-search,.vf-direction-chosen){padding:12px}
 .visual-stage[data-visual-family="vf-directions"] .vf-step-head{gap:8px}
 .visual-stage[data-visual-family="vf-directions"] .vf-step-head h3{font-size:18px;min-width:0}
 .visual-stage[data-visual-family="vf-directions"] .vf-brand-materials{min-width:0}
}

/* Lead illustration: quiet dark contour, continuous rounded clipping. */
.visual-stage[data-visual-family="v7-figure"]:has(.v7-leads-scene)>.visual-window{background:#171717;border-color:#65434f;overflow:hidden}
.visual-stage:has(.v7-leads-scene) .v7-leads-scene{min-height:0}
.visual-stage:has(.v7-leads-scene) .v7-lead-title{margin-top:0}
.visual-stage:has(.v7-leads-scene) .v7-figure>figcaption{border:0!important;border-radius:0;box-shadow:none;margin:0;padding:12px 4.7% 24px;background:transparent;color:#c7bfc1}

.visual-stage:has(.v7-leads-scene) .v6-m-leads.sequence-rack .v6-m-lead-sources>div{color:#171717}
.visual-stage-messages[data-visual-stage]:has(.sd-message-chain)>.visual-window{background:transparent;border:0;box-shadow:none}
.visual-stage-messages .sd-message-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;gap:20px;padding:0}
.visual-stage-messages .sd-message-stage,.visual-stage-messages .sd-message-stage+.sd-message-stage{display:flex;flex-direction:column;grid-row:auto;position:relative;padding:24px;background:#fff;border:1px solid #ddd5d8;border-radius:14px;box-shadow:0 8px 24px #160a1014;color:#171717}
.visual-stage-messages .sd-message-stage>.sb-label{order:0;padding-right:46px;font-size:11px;line-height:18px}
.visual-stage-messages .sd-message-stage>.sd-paper{display:contents}
.visual-stage-messages .sd-message-stage .ve-message-brand,.visual-stage-messages .sd-message-stage+.sd-message-stage .ve-message-brand{display:flex;order:1;margin:20px 0 16px;gap:10px}
.visual-stage-messages .sd-message-stage .ve-message-brand small{display:none}
.visual-stage-messages .sd-message-stage .ve-message-brand>svg{width:32px;height:32px;padding:6px;flex:none}
.visual-stage-messages .sd-message-stage .ve-message-brand>span{font-size:14px}
.visual-stage-messages .sd-message-stage>h3{order:2;font-size:22px!important;line-height:1.25;margin:0 0 14px;letter-spacing:-.025em}
.visual-stage-messages .sd-message-stage>.sd-paper>p{order:3;font-size:14px;line-height:1.6;margin:0 0 20px;color:#656565}
.visual-stage-messages .sd-message-stage .sd-message-points,.visual-stage-messages .sd-message-stage .sd-saved-link,.visual-stage-messages .sd-message-stage .sb-check{order:4;margin-top:auto;font-size:13px;line-height:1.5}
.visual-stage-messages .sd-message-stage>.sd-paper>.sb-label,.visual-stage-messages .sd-message-stage+.sd-message-stage>.sd-paper>.sb-label{position:absolute;right:24px;top:24px;margin:0;font-size:11px;line-height:18px}
@media(max-width:900px){.visual-stage-messages .sd-message-chain{grid-template-columns:1fr;gap:18px}.visual-stage-messages .sd-message-stage,.visual-stage-messages .sd-message-stage+.sd-message-stage{padding:22px}.visual-stage-messages .sd-message-stage>.sd-paper>.sb-label,.visual-stage-messages .sd-message-stage+.sd-message-stage>.sd-paper>.sb-label{top:22px;right:22px}}

/* Independent notification surfaces. */

.ve-root:has(.sd-message-chain)>.vf-connections{display:none}