/* Readable, non-scrolling crops of native components in the agency story. */
#demoRoot[data-demo-kind=branding],#demoRoot[data-demo-kind=review]{overflow:hidden;background:var(--bg-canvas)}
#demoRoot .agency-brand-shell,#demoRoot .agency-brand-shell #app{position:relative;width:100%;height:100%;overflow:hidden}
#demoRoot .agency-brand-shell .sidebar{position:absolute;display:flex!important;inset:0 auto 0 0;width:205px;transform:none!important;overflow:hidden;background:#070709}
#demoRoot .agency-brand-shell .sidebar-banner{height:96px;min-height:96px;background-position:center;background-size:cover}
#demoRoot .agency-brand-shell .sidebar-banner:before,#demoRoot .agency-brand-shell .sidebar-banner:after{display:none}
#demoRoot .agency-brand-shell .sidebar-ws-card{margin:0 10px 12px;padding:9px;border:1px solid #ffffff25;border-radius:13px;background:#ffffff0b}
#demoRoot .agency-brand-shell .sidebar-ws-main{display:flex;min-width:0;padding:0}
#demoRoot .agency-brand-shell .sidebar-ws-morph{height:40px;width:100%}
#demoRoot .agency-brand-shell .ws-layer-space{display:flex!important;opacity:1!important;transform:none!important;align-items:center;gap:9px}
#demoRoot .agency-brand-shell .ws-layer-home,#demoRoot .agency-brand-shell .ws-layer-settings,#demoRoot .agency-brand-shell .sidebar-ws-switch,#demoRoot .agency-brand-shell .sidebar-ws-caret,#demoRoot .agency-brand-shell .sidebar-close{display:none!important}
#demoRoot .agency-brand-shell .sidebar-ws-badge,#demoRoot .agency-brand-shell #homeAgencyIcon{height:32px;width:32px;display:block}
#demoRoot .agency-brand-shell #homeAgencyIcon img{width:32px;height:32px;object-fit:contain;border-radius:8px}
#demoRoot .agency-brand-shell .sidebar-ws-id strong{font-size:13px;line-height:1.35;white-space:normal}
#demoRoot .agency-brand-shell .sidebar-ws-sub{font-size:10px}
#demoRoot .agency-brand-shell .sidebar-fav-nav a{display:flex;align-items:center;gap:9px;padding:10px 12px;font-size:12px;border-radius:7px;min-height:38px}
#demoRoot .agency-brand-shell .sidebar-fav-nav a.active{color:#fff;background:color-mix(in srgb,var(--client-color) 22%,transparent)}
#demoRoot .agency-brand-shell .fav-icon{color:var(--client-color);width:16px;font-size:17px}
#demoRoot .agency-brand-shell .sidebar-footer{margin-top:auto;padding:10px}
#demoRoot .agency-brand-shell .sidebar-profile{padding:8px 0;gap:8px}
#demoRoot .agency-brand-shell .sidebar-profile-info strong{font-size:11px}
#demoRoot .agency-brand-shell .sidebar-profile-status{font-size:10px}
#demoRoot .agency-brand-shell #sidebarFooterNav{display:none}
#demoRoot .agency-brand-shell .main{position:absolute;inset:0 0 0 205px;margin:0!important;min-width:0;width:auto;height:100%;overflow:hidden}
#demoRoot .agency-brand-shell .main-body,#demoRoot .agency-brand-shell .content{height:100%;padding:0!important;overflow:hidden!important}
#demoRoot .agency-brand-page{height:100%;padding:26px 24px;display:flex!important;flex-direction:column;overflow:hidden;box-sizing:border-box}
#demoRoot .agency-brand-page .suite-crumb,#demoRoot .agency-review-task .suite-crumb{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-bottom:20px}
#demoRoot .agency-brand-page .ws-header{padding:0;margin:0 0 18px}
#demoRoot .agency-brand-page .ws-page-title{font-size:24px}
#demoRoot .agency-brand-page .ws-title-icon{font-size:26px;color:var(--client-color)}
#demoRoot .agency-brand-page .ws-view-tabs{margin:0 0 20px;width:max-content;max-width:100%}
#demoRoot .agency-brand-page .ws-view-tab{font-size:11px;padding:8px 10px}
#demoRoot .agency-brand-page .agency-brand-message{display:flex;gap:10px;margin:0 0 18px;padding:0}
#demoRoot .agency-brand-message .cr-msg-body{min-width:0;flex:1}
#demoRoot .agency-brand-message .cr-msg-meta{display:flex;gap:9px;align-items:center;margin-bottom:6px}
#demoRoot .agency-brand-message .cr-msg-author{font-size:12px;color:var(--client-color)}
#demoRoot .agency-brand-message .cr-msg-time{font-size:10px;color:var(--muted)}
#demoRoot .agency-brand-message .cr-msg-text{font-size:13px;line-height:1.7}
#demoRoot .agency-brand-message .inline-emote{height:24px;width:24px;object-fit:contain;vertical-align:middle}
#demoRoot .agency-brand-message .mention-chip{font-size:11px;max-width:100%;white-space:normal}
#demoRoot .agency-brand-details{display:flex;flex-wrap:wrap;gap:8px 14px;border-top:1px solid var(--border-d);padding-top:14px;color:var(--muted);font-size:10px;line-height:1.8}
#demoRoot .agency-brand-details span{display:flex;align-items:center;gap:5px}
#demoRoot .agency-brand-details i{width:10px;height:10px;border-radius:50%;display:inline-block}
#demoRoot .agency-brand-composer{margin-top:auto;padding:12px;font-size:11px;color:var(--muted);background:var(--surface-container);border-radius:10px}
#demoRoot .agency-brand-composer .cr-compose-tools{margin-top:12px}
#demoRoot .agency-review-task{height:100%;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}
#demoRoot .agency-review-task .card-modal-title{font-size:25px;line-height:1.2;flex-shrink:0}
#demoRoot .agency-review-tabs{margin:18px 0 14px;padding:0;flex-shrink:0}
#demoRoot .agency-review-tabs .card-modal-tab{font-size:12px;padding:9px 12px}
#demoRoot .agency-review-content{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
#demoRoot .agency-review-content .rev-wrap{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(225px,.9fr);gap:16px;min-height:0;height:100%;flex:1}
#demoRoot .agency-review-content .rev-main{min-width:0;min-height:0;display:flex;flex-direction:column}
#demoRoot .agency-review-content .rev-player{min-height:0!important;flex:1;height:auto;aspect-ratio:auto;overflow:hidden;border-radius:10px}
#demoRoot .agency-review-content .rev-video{height:100%;width:100%;object-fit:contain}
#demoRoot .agency-review-content .rev-transport{padding:8px 0;flex-shrink:0;gap:6px}
#demoRoot .agency-review-content .rev-tr-btn{width:24px;height:24px}
#demoRoot .agency-review-content .rev-tc{font-size:10px}
#demoRoot .agency-review-content .rev-side{min-height:0;border:1px solid var(--border-d);border-radius:10px;overflow:hidden;font-size:12px}
#demoRoot .agency-review-content .rev-cm-text{font-size:12px;line-height:1.6}
#demoRoot .agency-review-content .rev-cm{padding:12px}
#demoRoot .agency-review-content .rev-list{overflow:hidden}
#demoRoot .agency-review-content .rev-input-bar{display:none}
#demoRoot .agency-scene-note{padding-top:14px;font-size:12px;line-height:1.5;color:var(--muted);flex-shrink:0}
#demoRoot .agency-approval{display:flex;gap:12px;align-items:center;background:#5bcf8e14;border:1px solid #5bcf8e50;border-radius:10px;padding:12px 16px;margin-bottom:14px}
#demoRoot .agency-approval>span{color:#5bcf8e;font-size:24px}
#demoRoot .agency-approval strong{font-size:13px;color:var(--ink-solid)}
#demoRoot .agency-approval small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
#demoRoot .agency-review-content[data-review-stage="2"]{font-size:12px}
#demoRoot .agency-review-content[data-review-stage="2"] .sch-workspace{display:flex;gap:16px;height:100%;min-height:0}
#demoRoot .agency-review-content[data-review-stage="2"] .sch-preview{min-width:0;flex:1;overflow:hidden}
#demoRoot .agency-review-content[data-review-stage="2"] .sch-editor{max-width:310px;overflow:hidden}
#demoRoot .agency-review-content[data-review-stage="2"] .sch-publish-btn{font-size:12px}
/* The surrounding page owns scrolling. Fixture internals are never scroll traps. */
#demoRoot .main-body,#demoRoot .sidebar-nav-scroll,#demoRoot .kanban,#demoRoot .rev-list{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:540px){#demoRoot .agency-brand-shell .sidebar{width:158px}#demoRoot .agency-brand-shell .main{left:158px}#demoRoot .agency-brand-page{padding:19px 14px}#demoRoot .agency-brand-shell .sidebar-ws-id strong{font-size:11px}#demoRoot .agency-brand-shell .sidebar-fav-nav a{font-size:10px;padding:10px 8px}#demoRoot .agency-brand-message .cr-msg-avatar{display:block;flex:0 0 24px}#demoRoot .agency-brand-message .cr-msg-avatar .dmx-av{width:24px!important;height:24px!important}#demoRoot .agency-brand-page .ws-page-title{font-size:20px}#demoRoot .agency-brand-page .cr-msg-text{font-size:12px}#demoRoot .agency-review-task{padding:18px}#demoRoot .agency-review-content .rev-wrap{grid-template-columns:1fr;grid-template-rows:minmax(150px,1fr) minmax(120px,.7fr)}#demoRoot .agency-review-content .rev-side{max-height:160px}#demoRoot .agency-review-task .card-modal-title{font-size:22px}}

#demoRoot .suite-frame .suite-whiteboard .dash-canvas-widget{left:5%!important;top:6%!important;width:44%!important;height:130px!important}
#demoRoot .suite-frame .suite-whiteboard .dash-canvas-widget[data-moving-note]{left:53%!important;top:16%!important;width:44%!important;height:130px!important}
#demoRoot .suite-frame .suite-whiteboard .dash-canvas-widget.suite-canvas-image{left:5%!important;top:53%!important;width:44%!important;height:135px!important;background:#111;}
#demoRoot .suite-canvas-image img{height:100%;width:100%;object-fit:cover}
#demoRoot .suite-frame .suite-whiteboard .dash-canvas-widget.suite-canvas-analytics{left:53%!important;top:53%!important;width:44%!important;height:135px!important;padding:14px;background:var(--surface-container);border:1px solid var(--border-d)}
#demoRoot .suite-canvas-analytics strong{display:block;font-size:12px;margin-bottom:11px}
#demoRoot .suite-canvas-analytics>span{display:flex;align-items:baseline;gap:8px;font-size:24px;color:var(--ink-solid);line-height:1.4}
#demoRoot .suite-canvas-analytics small{font-size:11px;color:var(--muted)}
#demoRoot .suite-frame .suite-whiteboard .sticky-note-body{font-size:13px;padding:5px 13px 13px}
#demoRoot .suite-frame .suite-whiteboard .sticky-note-body strong{font-size:15px;margin-bottom:6px}
#demoRoot .agency-review-task>.card-modal-title{flex:0 0 auto;min-height:0;height:auto}
#demoRoot .agency-review-task>.suite-crumb{flex:0 0 auto}
#demoRoot .agency-review-content>.rev-wrap{height:auto;min-height:0}
#demoRoot .agency-review-content .rev-side .rev-cm-head{font-size:11px}
#demoRoot .agency-review-content .rev-side .rev-filterbar{padding:8px 10px}
#demoRoot .agency-review-content .rev-side .rev-subtabs{min-height:28px;padding:5px 10px}
/* Keep the native Publish controls visible together in this focused excerpt. */
#demoRoot .agency-review-content .rev-stage{min-height:0;flex:1;overflow:hidden}
#demoRoot .agency-review-content .rev-player{height:100%!important;width:100%!important;aspect-ratio:auto!important}
#demoRoot .agency-review-content .rev-transport{height:48px;min-height:0;padding:5px 0}
#demoRoot .agency-review-content .rev-transport .rev-ctrl-row{min-height:0}
#demoRoot .agency-review-content .pub-side{max-height:none;min-height:0;overflow:hidden;display:flex;flex-direction:column}
#demoRoot .agency-review-content .sch-wrap{min-height:0;flex:1;overflow:hidden;padding:9px 12px;gap:8px}
#demoRoot .agency-review-content .sch-accounts-strip{height:42px;min-height:42px;flex-shrink:0;margin:0;overflow:hidden}
#demoRoot .agency-review-content .sch-account-chip,#demoRoot .agency-review-content .sch-account-add{height:38px;min-height:38px;padding:5px 8px}
#demoRoot .agency-review-content .sch-account-icon{width:24px;height:24px}
#demoRoot .agency-review-content .sch-account-copy strong{font-size:11px}
#demoRoot .agency-review-content .sch-row{margin:0;gap:3px;flex-shrink:0}
#demoRoot .agency-review-content .sch-in{font-size:12px;padding:7px 10px}
#demoRoot .agency-review-content .sch-desc-bar,#demoRoot .agency-review-content .sch-cover{display:none}
#demoRoot .agency-review-content .sch-caption{min-height:44px;height:44px;padding:8px 10px;overflow:hidden;font-size:11px;line-height:1.5}
#demoRoot .agency-review-content .sch-pubbar{flex-shrink:0}
@media(max-width:540px){#demoRoot .agency-review-content[data-review-stage="2"] .rev-wrap{grid-template-rows:minmax(105px,.7fr) minmax(240px,1.3fr);gap:10px}#demoRoot .agency-review-content[data-review-stage="2"] .rev-side{max-height:none}}
@media(min-width:460px){#demoRoot .agency-review-content .rev-wrap,#demoRoot .agency-review-content[data-review-stage="2"] .rev-wrap{grid-template-columns:minmax(0,1fr) minmax(225px,1fr);grid-template-rows:1fr;gap:12px}#demoRoot .agency-review-content .rev-side{max-height:none}}
#demoRoot .agency-review-content .rev-stage{padding:0}
#demoRoot .agency-review-content .rev-video{object-fit:contain!important}
#demoRoot .agency-review-content .rev-transport{height:auto;min-height:0;max-height:94px;overflow:hidden}
#demoRoot .agency-review-content .rev-inputbar{display:none!important}
#demoRoot .agency-review-content .rev-subtabs{height:32px!important;min-height:32px!important;padding:3px 10px!important}
#demoRoot .agency-review-content .rev-subtab{font-size:13px!important}
#demoRoot .agency-review-content .rev-filterbar{height:34px!important;min-height:34px!important;padding:3px 10px!important}
@media(max-width:459px){#demoRoot .agency-review-content .rev-filterbar{display:none!important}#demoRoot .agency-review-content .rev-wrap{grid-template-rows:minmax(150px,1fr) minmax(155px,1fr)}#demoRoot .agency-review-content .rev-side{max-height:none}#demoRoot .agency-review-content .rev-cm{padding:9px}#demoRoot .agency-review-content .rev-cm-text{font-size:12px!important;line-height:1.5!important}#demoRoot .agency-review-task .suite-crumb{margin-bottom:12px}#demoRoot .agency-review-tabs{margin:12px 0 10px}}
@media(max-width:459px){#demoRoot .agency-review-content[data-review-stage="2"] .rev-wrap{grid-template-rows:minmax(75px,1fr) 230px;gap:8px}#demoRoot .agency-review-content[data-review-stage="2"] .rev-transport{display:none}#demoRoot .agency-review-content[data-review-stage="2"] .sch-wrap{padding:7px 10px;gap:5px}#demoRoot .agency-review-content[data-review-stage="2"] .sch-pubbar,#demoRoot .agency-review-content[data-review-stage="2"] .sch-pubbar-one{height:38px;min-height:38px}}

/* Branding samples keep the simple signed-in profile from the agency demo. */
#demoRoot .agency-brand-shell .sidebar-profile{height:44px;padding:6px 0;background:none!important}
#demoRoot .agency-brand-shell #profileTriggerAvatar{width:28px;height:28px;min-width:28px;border:0!important;padding:0!important;background:none!important;box-shadow:none!important}
#demoRoot .agency-brand-shell #profileTriggerAvatar:before,#demoRoot .agency-brand-shell #profileTriggerAvatar:after{display:none!important}
#demoRoot .agency-brand-shell #profileTriggerAvatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#demoRoot .agency-brand-shell .sidebar-profile-info{flex:1;min-width:0}
#demoRoot .agency-brand-shell #profileTriggerName{white-space:nowrap;overflow:visible;text-overflow:clip;font-size:12px}
#demoRoot .agency-brand-shell .sidebar-profile-settings,#demoRoot .agency-brand-shell .profile-settings-btn{display:none!important}
#demoRoot .agency-brand-message .cr-msg-avatar{flex-shrink:0;display:block}
#demoRoot .agency-brand-message .dmx-av{background:none;border:0;box-shadow:none;padding:0}
#demoRoot .agency-brand-message .cr-msg-author{line-height:1.2}
#demoRoot .agency-brand-message .cr-msg-meta{flex-wrap:wrap;gap:4px 8px}
#demoRoot .agency-brand-shell{animation:agency-space-in .45s cubic-bezier(.22,1,.36,1) both}
@keyframes agency-space-in{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:540px){#demoRoot .agency-brand-page{padding:18px 12px}#demoRoot .agency-brand-page .agency-brand-message{gap:7px;margin-bottom:14px}#demoRoot .agency-brand-page .cr-msg-text{font-size:11px;line-height:1.65}#demoRoot .agency-brand-message .cr-msg-time{display:none}#demoRoot .agency-brand-message .cr-msg-author{font-size:11px}#demoRoot .agency-brand-message .mention-chip{font-size:10px}#demoRoot .agency-brand-composer{padding:9px}#demoRoot .agency-brand-composer .cr-compose-tools{margin-top:8px}}
@media(prefers-reduced-motion:reduce){#demoRoot .agency-brand-shell{animation:none}}

#demoRoot .shu-review-frame>video{width:100%;height:100%;object-fit:cover}
#demoRoot[data-playing="true"] .agency-review-content .rev-bigplay{opacity:0;pointer-events:none}

#demoRoot[data-playing="false"] .agency-brand-shell{animation:none}
#demoRoot .agency-brand-message .cr-msg-avatar{height:34px;align-self:flex-start;background:none;border-radius:50%}
@media(max-width:540px){#demoRoot .agency-brand-message .cr-msg-avatar{height:24px}}
#demoRoot .agency-brand-shell .sidebar-banner-fade,#demoRoot .agency-brand-shell .sidebar-banner-glow{display:none}
/* The focused player keeps playback and time legible beside review notes. */
#demoRoot .agency-review-content .rev-ctrlrow{gap:7px;height:32px;min-height:32px}
#demoRoot .agency-review-content .rev-cbtn[aria-label="Back"],#demoRoot .agency-review-content .rev-cbtn[aria-label="Forward"],#demoRoot .agency-review-content .rev-cbtn-sec,#demoRoot .agency-review-content .rev-cbtn-more{display:none}
#demoRoot .agency-review-content .rev-cbtn-play{width:32px;height:32px;min-width:32px}
#demoRoot .agency-review-content .rev-tcwrap{white-space:nowrap;margin:0;flex-shrink:0}
#demoRoot .agency-review-content .rev-tc,#demoRoot .agency-review-content #revTCDur{font-size:11px}