html,body{margin:0;padding:0;background:transparent;overflow-x:hidden}#preview{padding:1px}.demo-shell{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}.demo-top,.mode-desc,.transport,.stepcard,.storyboard{display:none!important}.stage-box{border:0!important;border-radius:0!important;margin:0!important;background:transparent!important}.stage{background:transparent!important}.cursor{display:none}.preview-playing .cursor{display:block}.caption,.crud-ribbon{display:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
#preview.is-interactive .stage-box{outline:none!important;box-shadow:none!important}
.stage .w{border:1px solid var(--border);border-radius:6px;background:var(--card)}
/* Studio authoring controls are not part of the customer's product view. */
.stage div:has(> [data-kinds]),.stage .codebox{display:none!important}
@media(max-width:700px){
 .rtk-tb,.rtk-tb .toolbar{height:auto;min-height:38px}
 .rtk-tb .toolbar{flex-wrap:wrap;gap:6px}
 .rtk-q{width:100%;flex-basis:100%;min-width:0}
 .rtk-q input{min-width:0!important;font-size:12px!important}
 .rtk-tb .toolbar .btn{font-size:12px;padding-inline:8px}
 .tb-bulk{overflow-x:auto;flex-wrap:nowrap!important}
 .rtk.has-side .rtk-main{grid-template-columns:minmax(0,1fr)}
 .rtk-side{max-height:220px;overflow:auto}
}
/* Readable embedded layouts. Source controls and data handlers stay intact. */
@media(max-width:700px){
.stage-box{height:auto!important;min-height:620px}.stage{position:relative!important;width:100%!important;height:620px!important;transform:none!important;padding:10px}.stage>div:not(.cursor){inset:10px!important}.w{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}.w-title{font-size:16px}.w-actions{grid-column:1/-1;grid-row:2;padding:0 10px 8px;justify-content:flex-start;flex-wrap:wrap}.w-body{grid-row:3;overflow:auto;padding:0 10px 10px}.w-actions:empty{display:none}.sx-body{flex-direction:column!important}.sx-rail{width:100%;height:65px;flex-direction:row;gap:8px;border-inline-end:0;border-bottom:1px solid var(--border);overflow-x:auto;padding:6px;flex-shrink:0}.sx-rh,.sx-addc{display:none}.sx-con{flex:none;min-width:135px;padding:5px;gap:5px}.sx-con .switch{display:none}.sx-cn b{font-size:11px}.sx-cn small{font-size:9px}.sx-kp{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-cards{grid-template-columns:1fr}.sx-two{grid-template-columns:1fr}.sx-shorts{grid-template-columns:1fr}.sx-ib{grid-template-columns:115px minmax(0,1fr)}.sx-view{padding:8px}.cx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-r2,.cx-r3,.cx-rfm,.cx-ret{grid-template-columns:1fr}.cx-tabs{overflow-x:auto;flex-wrap:nowrap}.cx-tabs button{white-space:nowrap}.cx-row{min-width:860px}.rf{grid-template-columns:1fr}.rf-full{grid-column:auto}.dtl{grid-template-columns:1fr}.layer{max-width:100%}.dlg,.pop{max-width:calc(100vw - 30px)!important}.btn{min-height:32px}.rtk .rtk-tools{flex-wrap:wrap}.rtk table{min-width:610px}.kb{overflow-x:auto}.kb-lane{min-width:220px}.cal2-grid{min-width:700px}.cal2-main{overflow:auto}
}