.demo-mount { min-width: 0; width: 100%; }
.bmd-frame { --bmd-blue:#69b1ff; --bmd-yellow:#f6d265; --bmd-green:#67dba9; --bmd-border:rgba(182,211,244,.1); color:#dce7f5; background:#101620; font-family:inherit; border:1px solid rgba(140,182,238,.27); border-radius:19px; overflow:hidden; position:relative; box-shadow:0 35px 80px rgba(0,0,0,.32),0 0 55px rgba(53,139,248,.07),inset 0 1px 0 rgba(255,255,255,.04); isolation:isolate; font-size:13px; text-align:left; }
.bmd-frame *, .bmd-frame *::before, .bmd-frame *::after { box-sizing:border-box; }
.bmd-frame button, .bmd-frame input { font:inherit; }
.bmd-frame button { cursor:pointer; border:0; color:inherit; background:transparent; transition:background .2s,border-color .2s,color .2s,box-shadow .2s; }
.bmd-frame button:hover { background-color:rgba(115,178,255,.08); }
.bmd-frame button:focus-visible,.bmd-frame input:focus-visible { outline:2px solid var(--bmd-yellow); outline-offset:-2px; }
.bmd-frame h3,.bmd-frame p { margin:0; }
.bmd-frame h3 { font-size:clamp(17px,2vw,23px); line-height:1.2; letter-spacing:-.6px; }
.bmd-frame small { font-size:12px; font-weight:400; color:#889bb4; }
.bmd-frame b { font-weight:600; }
.bmd-icon { width:17px; height:17px; flex:none; vertical-align:middle; }
.bmd-chrome { display:flex; align-items:center; gap:20px; height:38px; padding:0 18px; background:#181e28; border-bottom:1px solid var(--bmd-border); }
.bmd-dots { display:flex; gap:6px; }
.bmd-dots i { width:8px; height:8px; border-radius:50%; background:#f56c65; }
.bmd-dots i:nth-child(2) { background:#f6d265; }.bmd-dots i:nth-child(3) { background:#62c69d; }
.bmd-url { color:#65778e; font-size:12px; font-family:ui-monospace,SFMono-Regular,monospace; }
.bmd-example { margin-left:auto; color:#7e8ca0; font-size:12px; }
.bmd-appbar { display:flex; align-items:center; height:55px; padding:0 19px; gap:19px; border-bottom:1px solid var(--bmd-border); background:#111924; }
.bmd-mi { display:block; width:29px; height:29px; object-fit:contain; }
.bmd-appnav { display:flex; align-self:stretch; gap:8px; flex:1; }
.bmd-appnav>button,.bmd-appnav>span { display:flex; align-items:center; gap:7px; white-space:nowrap; padding:0 14px; font-size:12px; position:relative; color:#8194ac; }
.bmd-appnav>.is-active { color:#e8f2ff; background:linear-gradient(0deg,rgba(96,163,248,.12),transparent); }
.bmd-appnav>.is-active:after { content:''; position:absolute; height:2px; background:var(--bmd-blue); bottom:0; left:14px; right:14px; box-shadow:0 0 14px #5b9fee; }
.bmd-avatar { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:#adcaff; background:#243854; font-size:12px; }
.bmd-stage { position:relative; height:397px; background:radial-gradient(ellipse at 100% 0,rgba(51,99,160,.09),transparent 60%); }
.bmd-stage>div { height:100%; animation:bmd-pane-in .55s cubic-bezier(.2,.8,.25,1) both; }
.bmd-controls { height:53px; display:flex; align-items:center; padding:0 13px 0 18px; gap:9px; border-top:1px solid var(--bmd-border); background:#0c131d; position:relative; z-index:3; }
.bmd-playback-dot { width:5px; height:5px; border-radius:50%; background:var(--bmd-yellow); box-shadow:0 0 11px rgba(246,210,101,.4); animation:bmd-status-pulse 1.6s ease-in-out infinite; }
.bmd-caption { color:#a4b4c9; min-width:0; white-space:nowrap; font-size:12px; }
.bmd-counter { display:none; }
.bmd-progress { display:flex; align-self:stretch; margin-left:auto; gap:2px; align-items:center; }
.bmd-progress button { padding:5px; height:36px; display:flex; align-items:center; justify-content:center; width:19px; }
.bmd-progress i { width:5px; height:5px; border-radius:50%; background:#3c4c61; transition:width .35s,background .35s; }
.bmd-progress .is-current { width:30px; }.bmd-progress .is-current i { width:19px; background:var(--bmd-yellow); border-radius:5px; }
.bmd-pause,.bmd-next { display:flex; align-items:center; justify-content:center; min-width:36px; height:36px; border-radius:8px; }
.bmd-pause { border:1px solid #263345!important; color:#a7bad2!important; }
.bmd-next { color:var(--bmd-blue)!important; }
.bmd-pause .bmd-icon { width:15px; height:15px; }
.bmd-cursor-layer { position:absolute; inset:93px 0 53px; pointer-events:none; z-index:2; }
.bmd-guide-cursor { position:absolute; left:var(--cursor-x); top:var(--cursor-y); filter:drop-shadow(0 4px 7px #0009); animation:bmd-cursor-in 3.3s ease-in-out both; }
.bmd-guide-cursor i { position:absolute; width:24px; height:24px; border:1px solid #f6d265; border-radius:50%; left:-8px; top:-7px; animation:bmd-cursor-ring 3.3s ease-in-out both; }
.bmd-pill { display:inline-flex; align-items:center; justify-content:center; padding:5px 9px; font-size:12px; line-height:1; white-space:nowrap; background:rgba(109,136,174,.1); border:1px solid rgba(113,143,182,.12); border-radius:6px; color:#9aaac0; }
.bmd-pill.green { color:#70daaa; background:#173028; border-color:#254a3c; }.bmd-pill.green:before { content:''; width:4px; height:4px; border-radius:50%; background:currentColor; margin-right:5px; }
.bmd-pill.blue { color:#97c7ff; background:#182b43; border-color:#274260; }.bmd-pill.yellow { color:#efcd74; background:#332d1b; border-color:#51462b; }
.bmd-text-blue { color:var(--bmd-blue); }.bmd-checkbox { width:19px; height:19px; border:1px solid #385471; border-radius:5px; display:grid; place-items:center; flex:none; background:#172436; }
.bmd-checkbox .bmd-icon { width:12px; height:12px; color:#09111c; stroke-width:3; }.bmd-checkbox.is-checked { background:var(--bmd-blue); border-color:var(--bmd-blue); }
.bmd-breadcrumb { height:47px; display:flex; align-items:center; gap:10px; padding:0 20px; color:#687e99; border-bottom:1px solid var(--bmd-border); font-size:12px; }
.bmd-breadcrumb b { color:#c7d4e5; }.bmd-connected { margin-left:auto; color:#71938b; display:flex; gap:4px; align-items:center; font-size:12px; }.bmd-connected .bmd-icon { width:13px; }
.bmd-toolbar { display:flex; align-items:center; gap:7px; padding:10px 20px; }.bmd-field-static { border:1px solid #283447; padding:8px 10px; border-radius:7px; font-size:12px; color:#94a5ba; background:#192330; }
.bmd-sync { display:flex; align-items:center; gap:5px; color:#8adeb4!important; background:#173129!important; border:1px solid #29503e!important; border-radius:7px; padding:8px 11px; font-size:12px!important; height:34px; }
.bmd-sync .bmd-icon { width:13px; height:13px; }.bmd-sync.is-syncing .bmd-icon { animation:bmd-spin 1.3s linear infinite; }.bmd-total { margin-left:auto; color:#7085a0; font-size:12px; }
.bmd-searchbar { display:flex; gap:7px; padding:0 20px 11px; }.bmd-search { display:flex; align-items:center; gap:8px; flex:1; min-width:0; background:#0b121c; border:1px solid #27374c; padding:0 10px; border-radius:7px; }
.bmd-search .bmd-icon { width:14px; height:14px; color:#70829b; }.bmd-search input { width:100%; height:36px; min-width:0; background:transparent; border:0; color:#bfd1e9; font-size:12px; padding:0; outline:0; }.bmd-search input::placeholder { color:#687a93; }
.bmd-filter { border:1px solid #2a3546!important; border-radius:7px; color:#8e9fb6!important; padding:0 10px; font-size:12px!important; }.bmd-filter.is-selected { color:var(--bmd-green)!important; border-color:#375745!important; }
.bmd-loadline { height:2px; position:relative; background:#213046; overflow:hidden; }.bmd-loadline i { display:block; height:2px; width:100%; background:linear-gradient(90deg,#72b8ff,#f9d465); opacity:0; }.bmd-loadline.is-running i { animation:bmd-sync-line 2.6s ease-in-out both; }
.bmd-table-head { display:grid; grid-template-columns:minmax(0,1.6fr) 85px 93px 90px; gap:10px; padding:11px 20px; font-size:9px; letter-spacing:1.1px; color:#688099; background:#17202c; }
.bmd-table-row { width:100%; display:grid; grid-template-columns:minmax(0,1.6fr) 85px 93px 90px; align-items:center; gap:10px; min-height:55px; padding:7px 20px; border-bottom:1px solid #1e2a3a!important; text-align:left; }
.bmd-table-body { height:177px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#2b425e transparent; }.bmd-row-name { display:flex; align-items:center; gap:8px; min-width:0; }.bmd-row-name>span:last-child { min-width:0; }.bmd-row-name b { font-size:12px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.bmd-row-name small { display:block; margin-top:3px; font-size:11px; color:#65809d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bmd-row-name>.bmd-icon { color:#83a1c8; width:15px; height:15px; }.bmd-chevron { color:#809dc0; display:flex; }.bmd-chevron .bmd-icon { width:12px; height:12px; transition:transform .2s; }.bmd-chevron.is-open .bmd-icon { transform:rotate(90deg); }
.bmd-account-avatar { width:24px; height:24px; border:1px solid #405577; border-radius:7px; display:grid; place-items:center; background:#233347; color:#b6c9e2; font-size:11px; flex:none; }.bmd-account-avatar.a1 { background:#332d43; border-color:#524267; color:#ccbfdf; }.bmd-account-avatar.a2 { background:#2f3526; border-color:#4f5941; color:#c7d4b2; }
.bmd-row-count { font-size:12px; color:#a4b8d0; }.bmd-row-count small { font-size:10px; display:block; margin-top:4px; }.bmd-row-last { color:#738ca9; font-size:11px; display:flex; align-items:center; gap:4px; }.bmd-row-last .bmd-icon { width:12px; height:12px; }
.bmd-campaign { padding-left:43px; background:#142030!important; }.bmd-adgroup { padding-left:64px; background:#101d2b; min-height:48px; }.bmd-adgroup .bmd-row-name b { color:#a2bad5; font-size:11px; }
.bmd-child-rows { animation:bmd-expand .6s ease both; transform-origin:top; overflow:hidden; }.bmd-tree-line { width:9px; height:19px; border-left:1px solid #314e71; border-bottom:1px solid #314e71; margin-top:-9px; flex:none; }
.bmd-changed { animation:bmd-row-change 2.8s ease-in-out both; }.bmd-account-block { animation:bmd-row-enter .5s calc(var(--row)*.09s) ease both; }.bmd-empty { padding:35px 20px; color:#8a9eb7; text-align:center; font-size:12px; }
.bmd-insight { position:absolute; bottom:0; left:0; right:0; border-top:1px solid #2b3f57; background:linear-gradient(90deg,#1a2f46,#142233); min-height:60px; padding:11px 20px; display:flex; align-items:center; gap:10px; }.bmd-insight-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:#233e5d; color:var(--bmd-blue); flex:none; }.bmd-insight>div { flex:1; min-width:0; }.bmd-insight b { font-size:12px; display:block; color:#cbdef5; }.bmd-insight span:not(.bmd-insight-icon) { color:#7f9aba; font-size:11px; display:block; margin-top:4px; }.bmd-insight>.bmd-icon { color:#72a6e4; width:15px; }.bmd-insight button { width:32px; height:32px; font-size:21px; }
.bmd-pane-header { height:45px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid var(--bmd-border); }.bmd-pane-header>span:first-child { display:flex; align-items:center; gap:7px; font-size:12px; }.bmd-pane-header .bmd-icon { color:var(--bmd-blue); width:16px; }.bmd-pane-header small { font-size:11px; }
.bmd-launch-steps { height:55px; display:flex; justify-content:space-around; padding:0 20px; border-bottom:1px solid var(--bmd-border); position:relative; }.bmd-launch-steps:before { content:''; position:absolute; left:52px; right:52px; top:27px; height:1px; background:#283f5c; z-index:-1; }.bmd-launch-steps button { display:flex; align-items:center; gap:7px; color:#7087a3; padding:6px 9px; font-size:12px; background:#101823!important; }.bmd-launch-steps i { font-style:normal; width:22px; height:22px; border:1px solid #304462; border-radius:50%; display:grid; place-items:center; background:#172335; font-size:10px; }.bmd-launch-steps i .bmd-icon { width:11px; height:11px; color:var(--bmd-green); }.bmd-launch-steps .is-active { color:#cbe1ff; }.bmd-launch-steps .is-active i { background:var(--bmd-blue); color:#102035; border-color:var(--bmd-blue); box-shadow:0 0 20px #6ab2ff25; }.bmd-launch-steps .is-complete { color:#86aeaf; }
.bmd-launch-body { padding:19px 24px 15px; height:297px; }.bmd-launch-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; gap:8px; }.bmd-launch-title small { font-size:9px; letter-spacing:1.5px; color:#809dc5; display:block; margin-bottom:6px; }.bmd-launch-title .bmd-pill { font-size:10px; }
.bmd-structure-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.bmd-number-field { display:flex; align-items:center; justify-content:space-between; padding:11px 13px; background:#172436; border:1px solid #293c56; border-radius:8px; animation:bmd-row-enter .5s calc(var(--row)*.1s) both; }.bmd-number-field small { font-size:11px; }.bmd-number-field b { font-size:18px; color:#bedcff; font-variant-numeric:tabular-nums; }
.bmd-structure-tree { width:78%; margin:13px auto 0; position:relative; }.bmd-tree-root { width:49%; margin:auto; }.bmd-node { display:flex; align-items:center; gap:7px; min-height:37px; border:1px solid #2c496b; border-radius:8px; padding:7px 10px; background:#17273d; font-size:11px; color:#b2cee9; position:relative; animation:bmd-node-in .75s ease both; }.bmd-node-icon { display:flex; color:#709bd0; }.bmd-node-icon .bmd-icon { width:14px; height:14px; }.bmd-node-check { width:11px; height:11px; color:#78cdb4; margin-left:auto; }.bmd-node.is-lit { border-color:#5b87bc; background:#203b5c; box-shadow:0 0 25px #5695ec15; }.bmd-tree-connect { display:block; height:22px; width:100%; fill:none; stroke:#315478; stroke-width:1.4; }.bmd-flow-path { stroke:#8abef8!important; stroke-dasharray:15 100; stroke-dashoffset:110; animation:bmd-flow 2s linear infinite; filter:drop-shadow(0 0 3px #70bcff); }.bmd-tree-branches { display:grid; grid-template-columns:1fr 1fr; gap:25px; }.bmd-tree-branches .bmd-node { animation-delay:.25s; }.bmd-tree-leaves { display:flex; justify-content:space-around; gap:25px; margin-top:8px; color:#698fb7; font-size:10px; }.bmd-tree-leaves span { display:flex; align-items:center; gap:4px; }.bmd-tree-leaves .bmd-icon { width:12px; height:12px; }
.bmd-launch-summary { margin-top:15px; padding-top:10px; border-top:1px solid #25374d; display:flex; align-items:center; gap:7px; color:#7999bf; font-size:10px; }.bmd-launch-summary .bmd-icon { width:13px; height:13px; }
.bmd-creative-modes { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }.bmd-creative-modes button { display:grid; grid-template-columns:17px 1fr; gap:4px 6px; background:#172232; border:1px solid #273b56!important; border-radius:8px; padding:8px 11px; text-align:left; }.bmd-creative-modes .bmd-icon { color:#789ac6; grid-row:span 2; }.bmd-creative-modes b { font-size:11px; }.bmd-creative-modes small { font-size:10px; }.bmd-creative-modes .is-selected { border-color:#6399d5!important; background:#1c324e; }.bmd-creative-modes .is-selected .bmd-icon { color:var(--bmd-blue); }
.bmd-creative-workspace { display:flex; gap:13px; }.bmd-creative-preview { width:95px; border:1px solid #446488; border-radius:9px; overflow:hidden; flex:none; }.bmd-creative-art { height:119px; background:#ccd3a6; position:relative; overflow:hidden; color:#142622; padding:10px 8px; }.bmd-creative-word { font-size:19px; line-height:.93; letter-spacing:-1px; font-weight:700; position:relative; z-index:1; }.bmd-creative-art .orb { display:block; position:absolute; border-radius:50%; }.bmd-creative-art .orb.one { width:87px; height:87px; right:-25px; top:46px; background:linear-gradient(145deg,#76988c,#1f554d); animation:bmd-orbit 4s ease-in-out infinite alternate; }.bmd-creative-art .orb.two { width:65px; height:65px; background:#e4b986; top:-25px; right:-14px; animation:bmd-orbit 3s ease-in-out infinite alternate-reverse; }.bmd-video-play { position:absolute; bottom:21px; right:9px; border-radius:50%; width:22px; height:22px; display:grid; place-items:center; color:#f6f4dd; background:#ffffff26; z-index:1; }.bmd-video-play .bmd-icon { width:11px; height:11px; fill:currentColor; stroke-width:0; }.bmd-video-time { font-size:8px; font-family:ui-monospace,monospace; position:absolute; bottom:5px; left:8px; z-index:1; }.bmd-video-track { height:3px; background:#627f81; }.bmd-video-track i { display:block; width:35%; height:100%; background:var(--bmd-yellow); animation:bmd-video-progress 4s ease-in-out infinite; }
.bmd-creative-copy { flex:1; min-width:0; }.bmd-file-name { font-size:11px; color:#acc5e5; display:flex; align-items:center; gap:6px; margin-bottom:9px; }.bmd-file-name .bmd-icon { width:13px; height:13px; }.bmd-creative-copy label { font-size:9px; color:#6986a7; display:block; margin:6px 0 4px; }.bmd-copy-field { background:#0c1420; border:1px solid #273d56; padding:7px 9px; border-radius:5px; font-size:10px; color:#b8cce5; }.bmd-copy-field span { float:right; }.bmd-asset-ready { display:flex; align-items:center; gap:5px; color:#7abea6; font-size:10px; margin-top:7px; }.bmd-asset-ready .bmd-icon { width:12px; height:12px; }
.bmd-distribution { display:flex; align-items:center; height:168px; }.bmd-distribution-source { width:39%; flex:none; }.bmd-distribution-source small { display:block; font-size:9px; color:#7894b5; margin:7px 0 0 8px; }.bmd-distribution-source .bmd-node { font-size:11px; }.bmd-distribution-path { width:10%; height:150px; }.bmd-distribution-path svg { width:100%; height:100%; stroke:#315271; stroke-width:1.2; fill:none; }.bmd-destination-list { display:flex; flex-direction:column; gap:8px; flex:1; min-width:0; }.bmd-destination { border:1px solid #304363!important; background:#172639!important; border-radius:8px; min-height:49px; padding:9px 10px; display:flex; align-items:center; gap:8px; text-align:left; animation:bmd-row-enter .5s calc(var(--row)*.18s) both; }.bmd-destination.is-selected { border-color:#446991!important; background:#1b3048!important; }.bmd-destination>span:not(.bmd-checkbox) { flex:1; min-width:0; }.bmd-destination b { display:block; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.bmd-destination small { font-size:9px; display:block; margin-top:3px; }.bmd-destination-ready { margin-left:auto; width:12px; height:12px; color:#63c7a3; opacity:0; }.bmd-destination.is-selected .bmd-destination-ready { opacity:1; }
.bmd-review-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #304968; border-radius:9px; overflow:hidden; background:#182a40; margin-bottom:15px; }.bmd-review-grid>div { text-align:center; padding:10px 4px; border-right:1px solid #2b4463; }.bmd-review-grid>div:last-child { border:0; }.bmd-review-grid span { font-size:22px; color:#bad7ff; display:block; font-variant-numeric:tabular-nums; }.bmd-review-grid small { font-size:9px; display:block; margin-top:3px; color:#789abf; }.bmd-review-list>div { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #24344a; padding:9px 0; animation:bmd-row-enter .5s calc(var(--row)*.08s) both; gap:10px; }.bmd-review-list span { display:flex; align-items:center; gap:6px; font-size:10px; color:#7d99ba; }.bmd-review-list span .bmd-icon { width:11px; height:11px; color:#6ebea4; }.bmd-review-list b { font-size:10px; color:#afc5e0; text-align:right; }.bmd-review-footer { margin-top:10px; display:flex; justify-content:space-between; align-items:center; gap:10px; }.bmd-review-footer>span { font-size:10px; color:#7bc1a8; display:flex; align-items:center; gap:5px; }.bmd-review-footer .bmd-icon { width:12px; height:12px; }.bmd-review-footer button { color:var(--bmd-blue); font-size:10px; padding:5px; }
.bmd-rule-nav { display:flex; align-items:center; gap:21px; height:45px; padding:0 20px; color:#687f9b; font-size:11px; border-bottom:1px solid var(--bmd-border); }.bmd-rule-nav>.is-active { color:#d4e6ff; }.bmd-rule-nav button { font-size:11px; height:100%; padding:0 3px; }.bmd-engine { margin-left:auto; display:flex; align-items:center; gap:4px; color:#8e9bb0; font-size:10px; }.bmd-engine .bmd-icon { width:13px; height:13px; }
.bmd-rule-body { padding:18px 23px; }.bmd-rule-title { display:flex; align-items:center; gap:10px; margin-bottom:19px; }.bmd-rule-title h3 { font-size:18px; letter-spacing:-.4px; }.bmd-rule-title small { font-size:10px; display:block; margin-top:5px; }.bmd-rule-title>.bmd-checkbox { margin-left:auto; background:#3b5c4f; border-color:#537b65; }.bmd-rule-symbol { display:grid; place-items:center; width:35px; height:35px; border-radius:9px; background:#3c321c; color:#efce72; border:1px solid #675133; }.bmd-rule-symbol .bmd-icon { width:18px; height:18px; }
.bmd-rule-pipeline { display:grid; grid-template-columns:minmax(0,1.2fr) 31px minmax(0,1fr); align-items:center; }.bmd-condition,.bmd-action { border:1px solid #34455e; border-radius:9px; min-height:105px; background:#162334; padding:11px 12px; transition:background .5s,border-color .5s; }.bmd-condition.is-lit { border-color:#6494c9; background:#1b314c; box-shadow:0 0 25px #4589d713; }.bmd-action.is-lit { border-color:#bca15b; background:#312e21; box-shadow:0 0 25px #d6b25610; }.bmd-condition>small,.bmd-action>small { letter-spacing:1.6px; font-size:9px; display:block; color:#81a0c7; margin-bottom:10px; }.bmd-action>small { color:#b3a078; }.bmd-condition>div { display:flex; gap:9px; align-items:center; color:#a9c7eb; font-size:11px; flex-wrap:wrap; }.bmd-condition>div span:nth-child(2) { font-size:10px; color:#7d9abd; }.bmd-condition>div b { margin-left:auto; font-size:14px; }.bmd-condition-note { font-size:9px; display:block; color:#778aa5; margin-top:10px; }.bmd-evaluation { display:flex; gap:4px; align-items:center; font-size:9px; color:#94cebd; margin-top:9px; animation:bmd-row-enter .5s both; }.bmd-evaluation .bmd-icon { width:11px; height:11px; }.bmd-action button { display:flex; align-items:center; gap:7px; width:100%; text-align:left; }.bmd-action button .bmd-icon { width:15px; height:15px; color:#d8bf7d; }.bmd-action button b { font-size:12px; }.bmd-action button>span { margin-left:auto; color:#8d7e5a; }.bmd-rule-link { color:#567293; text-align:center; }.bmd-rule-link.is-running { color:#f6d265; animation:bmd-arrow-forward 1.3s ease-in-out infinite; }
.bmd-rule-result { padding:14px 0; display:flex; align-items:center; gap:9px; border-bottom:1px solid #26344b; }.bmd-rule-result-icon { display:grid; place-items:center; width:28px; height:28px; background:#1c293e; color:#819dc2; border-radius:50%; flex:none; }.bmd-rule-result-icon .bmd-icon { width:13px; height:13px; }.bmd-rule-result.is-done .bmd-rule-result-icon { background:#1f3b31; color:#82d9b6; animation:bmd-done-pop .6s ease both; }.bmd-rule-result>div { flex:1; }.bmd-rule-result b { display:block; font-size:12px; }.bmd-rule-result>div>span { font-size:10px; color:#7087a5; margin-top:4px; display:block; }.bmd-rule-result>.bmd-pill { font-size:10px; }
.bmd-execution-log { max-height:0; overflow:hidden; opacity:0; transition:max-height .6s,opacity .6s; }.bmd-execution-log.is-open { max-height:84px; opacity:1; animation:bmd-row-enter .5s both; }.bmd-log-header { display:flex; align-items:center; gap:5px; padding:11px 0 6px; color:#7995b6; font-size:10px; }.bmd-log-header .bmd-icon { width:11px; height:11px; }.bmd-log-header small { margin-left:auto; font-size:9px; }.bmd-log-entry { display:flex; align-items:center; gap:8px; border:1px solid #304658; background:#152a30; padding:9px; border-radius:6px; }.bmd-log-check { color:#7ad6b1; }.bmd-log-check .bmd-icon { width:14px; height:14px; }.bmd-log-entry>div { min-width:0; flex:1; }.bmd-log-entry>div:last-child { text-align:right; }.bmd-log-entry b { font-size:10px; display:block; color:#a3d4c7; }.bmd-log-entry span:not(.bmd-log-check) { font-size:9px; color:#648d95; display:block; margin-top:3px; }
.bmd-sr { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.bmd-frame.is-paused .bmd-playback-dot,.bmd-frame.is-paused .bmd-flow-path,.bmd-frame.is-paused .bmd-creative-art .orb,.bmd-frame.is-paused .bmd-video-track i,.bmd-frame.is-paused .bmd-rule-link,.bmd-frame.is-paused .bmd-sync.is-syncing .bmd-icon { animation-play-state:paused!important; }.bmd-frame.is-paused .bmd-guide-cursor { opacity:0; animation:none; }.bmd-frame.is-paused .bmd-playback-dot { background:#627087; box-shadow:none; }
@keyframes bmd-pane-in { from { opacity:.2; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes bmd-row-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes bmd-node-in { from { opacity:0; transform:scale(.92) translateY(5px); } to { opacity:1; transform:none; } }
@keyframes bmd-expand { from { opacity:0; transform:translateY(-7px) scaleY(.88); } to { opacity:1; transform:none; } }
@keyframes bmd-status-pulse { 50% { opacity:.45; } }
@keyframes bmd-sync-line { 0% { opacity:1; transform:translateX(-100%); } 70% { opacity:1; transform:translateX(0); } 100% { opacity:0; } }
@keyframes bmd-spin { to { transform:rotate(360deg); } }
@keyframes bmd-flow { to { stroke-dashoffset:-110; } }
@keyframes bmd-row-change { 0% { background:transparent; } 30%,60% { background:#213e43; } 100% { background:transparent; } }
@keyframes bmd-cursor-in { 0% { opacity:0; transform:translate(35px,32px); } 23% { opacity:1; transform:translate(0,0); } 40% { opacity:1; transform:scale(.85); } 47%,80% { opacity:1; transform:scale(1); } 100% { opacity:0; } }
@keyframes bmd-cursor-ring { 0%,38% { opacity:0; transform:scale(.4); } 41% { opacity:.7; transform:scale(.4); } 65%,100% { opacity:0; transform:scale(1.8); } }
@keyframes bmd-orbit { to { transform:translate(-10px,12px) rotate(20deg); } }
@keyframes bmd-video-progress { from { transform:scaleX(.15); } to { transform:scaleX(.95); } }
@keyframes bmd-arrow-forward { 50% { transform:translateX(4px); } }
@keyframes bmd-done-pop { 40% { transform:scale(1.18); } }
@media (min-width:950px) { .demo-mount[data-demo="overview"] .bmd-frame { border-radius:21px; }.demo-mount[data-demo="overview"] .bmd-stage { height:420px; }.demo-mount[data-demo="overview"] .bmd-table-body { height:200px; }.demo-mount[data-demo="overview"] .bmd-launch-body { padding-top:25px; height:320px; }.demo-mount[data-demo="overview"] .bmd-structure-tree { margin-top:18px; }.demo-mount[data-demo="overview"] .bmd-tree-connect { height:30px; }.demo-mount[data-demo="overview"] .bmd-launch-summary { margin-top:20px; }.demo-mount[data-demo="overview"] .bmd-creative-art { height:136px; }.demo-mount[data-demo="overview"] .bmd-creative-preview { width:109px; }.demo-mount[data-demo="overview"] .bmd-rule-body { padding-top:25px; } }
@media (max-width:620px) {
 .bmd-frame { border-radius:13px; font-size:12px; }.bmd-chrome { gap:10px; padding:0 11px; height:35px; }.bmd-url { font-size:10px; }.bmd-example { font-size:10px; }.bmd-dots { gap:4px; }.bmd-dots i { width:6px; height:6px; }.bmd-appbar { padding:0 11px; gap:9px; height:53px; }.bmd-mi { width:24px; height:24px; }.bmd-avatar { display:none; }.bmd-appnav { gap:2px; }.bmd-appnav>button,.bmd-appnav>span { gap:5px; padding:0 8px; font-size:12px; }.bmd-appnav .bmd-icon { display:none; }.bmd-appnav>.is-active:after { left:7px; right:7px; }.bmd-stage { height:423px; }.bmd-cursor-layer { top:88px; bottom:58px; }.bmd-guide-cursor { transform:scale(.8); }.bmd-controls { padding:0 6px 0 12px; height:58px; gap:6px; }.bmd-caption { font-size:12px; max-width:125px; overflow:hidden; text-overflow:ellipsis; }.bmd-progress { gap:0; }.bmd-progress button { width:14px; height:44px; padding:3px; }.bmd-progress .is-current { width:24px; }.bmd-progress i { width:4px; height:4px; }.bmd-progress .is-current i { width:15px; }.bmd-pause,.bmd-next { min-width:44px; height:44px; border-radius:9px; }.bmd-next { display:none; }.demo-mount[data-demo="overview"] .bmd-caption { max-width:108px; }.demo-mount[data-demo="overview"] .bmd-progress button { width:10px; padding:2px; }.demo-mount[data-demo="overview"] .bmd-progress .is-current { width:18px; }.bmd-frame small { font-size:12px; }
 .bmd-breadcrumb { padding:0 12px; gap:7px; height:48px; font-size:12px; }.bmd-breadcrumb>span:first-child { display:none; }.bmd-breadcrumb>span:nth-child(2) { display:none; }.bmd-connected { font-size:12px; }.bmd-connected .bmd-icon { display:none; }.bmd-breadcrumb b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.bmd-toolbar { padding:8px 12px; gap:6px; }.bmd-field-static { font-size:12px; height:44px; display:flex; align-items:center; padding:8px; }.bmd-timezone { display:none; }.bmd-sync { height:44px; font-size:12px!important; padding:8px 11px; }.bmd-total { font-size:12px; }.bmd-searchbar { padding:0 12px 9px; }.bmd-search input { height:44px; font-size:12px; }.bmd-filter { font-size:12px!important; padding:0 8px; }.bmd-table-head { grid-template-columns:minmax(0,1fr) 67px; padding:11px 12px; font-size:10px; letter-spacing:.5px; }.bmd-table-head>span:nth-child(n+3) { display:none; }.bmd-table-row { grid-template-columns:minmax(0,1fr) 67px; gap:6px; padding:10px 12px; min-height:62px; }.bmd-row-count,.bmd-row-last { display:none; }.bmd-row-name { gap:7px; }.bmd-row-name b { font-size:12px; }.bmd-row-name small { font-size:12px; }.bmd-account-avatar { width:23px; height:23px; }.bmd-pill { font-size:12px; padding:5px 7px; }.bmd-campaign { padding-left:31px; }.bmd-adgroup { padding-left:45px; min-height:62px; }.bmd-adgroup .bmd-row-name b { font-size:12px; }.bmd-table-body { height:188px; }.bmd-insight { padding:10px 12px; min-height:67px; gap:8px; }.bmd-insight b { font-size:12px; }.bmd-insight span:not(.bmd-insight-icon) { font-size:12px; line-height:1.4; }.bmd-insight-icon { display:none; }.bmd-insight>.bmd-icon { display:none; }
 .bmd-pane-header { height:48px; padding:0 12px; }.bmd-pane-header small { display:none; }.bmd-pane-header>span:first-child { font-size:12px; }.bmd-launch-steps { padding:0 8px; height:57px; }.bmd-launch-steps:before { left:35px; right:35px; top:28px; }.bmd-launch-steps button { flex-direction:column; gap:4px; padding:7px 4px; font-size:12px; min-width:60px; }.bmd-launch-steps i { width:20px; height:20px; font-size:10px; }.bmd-launch-body { height:318px; padding:16px 13px 10px; }.bmd-launch-title { margin-bottom:14px; }.bmd-launch-title small { font-size:10px; letter-spacing:.7px; }.bmd-launch-title h3 { font-size:18px; letter-spacing:-.4px; }.bmd-launch-title .bmd-pill { display:none; }.bmd-structure-fields { gap:5px; }.bmd-number-field { flex-direction:column; gap:5px; padding:9px 4px; }.bmd-number-field small { font-size:12px; text-align:center; }.bmd-number-field b { font-size:18px; }.bmd-structure-tree { width:100%; margin-top:14px; }.bmd-tree-root { width:60%; }.bmd-node { padding:7px; gap:5px; font-size:12px; min-height:40px; }.bmd-tree-branches { gap:9px; }.bmd-tree-branches .bmd-node { font-size:12px; }.bmd-tree-branches .bmd-node-check { display:none; }.bmd-node-icon .bmd-icon { width:12px; height:12px; }.bmd-tree-connect { height:22px; }.bmd-tree-leaves { gap:7px; font-size:12px; }.bmd-launch-summary { font-size:12px; line-height:1.4; margin-top:11px; padding-top:8px; }.bmd-launch-summary .bmd-icon { display:none; }
 .bmd-creative-modes { gap:6px; }.bmd-creative-modes button { padding:9px 8px; grid-template-columns:1fr; gap:4px; }.bmd-creative-modes .bmd-icon { display:none; }.bmd-creative-modes b { font-size:12px; }.bmd-creative-modes small { font-size:12px; line-height:1.2; }.bmd-creative-workspace { gap:10px; }.bmd-creative-preview { width:85px; }.bmd-creative-art { height:137px; }.bmd-creative-word { font-size:18px; }.bmd-video-time { font-size:10px; }.bmd-file-name { font-size:12px; gap:4px; line-height:1.3; margin-bottom:7px; }.bmd-file-name .bmd-icon { display:none; }.bmd-creative-copy label { font-size:12px; margin:5px 0; }.bmd-copy-field { font-size:12px; padding:7px; }.bmd-asset-ready { font-size:12px; margin-top:7px; }.bmd-asset-ready .bmd-icon { display:none; }
 .bmd-distribution { height:190px; }.bmd-distribution-source { width:30%; }.bmd-distribution-source .bmd-node { font-size:12px; flex-direction:column; text-align:center; padding:9px 5px; }.bmd-distribution-source .bmd-node-check { display:none; }.bmd-distribution-source small { font-size:12px; line-height:1.3; margin:7px 0 0; text-align:center; }.bmd-distribution-path { width:9%; height:176px; }.bmd-destination { min-height:56px; padding:8px; gap:7px; }.bmd-destination b,.bmd-destination small { font-size:12px; }.bmd-destination-ready { display:none; }.bmd-checkbox { width:18px; height:18px; }
 .bmd-review-grid { margin-bottom:11px; }.bmd-review-grid>div { padding:10px 3px; }.bmd-review-grid span { font-size:21px; }.bmd-review-grid small { font-size:12px; }.bmd-review-list>div { padding:8px 0; }.bmd-review-list span { font-size:12px; }.bmd-review-list span .bmd-icon { display:none; }.bmd-review-list b { font-size:12px; max-width:60%; }.bmd-review-footer { margin-top:9px; gap:3px; }.bmd-review-footer>span { font-size:12px; }.bmd-review-footer>span .bmd-icon { display:none; }.bmd-review-footer button { font-size:12px; min-height:44px; padding:5px; }.bmd-review-footer button .bmd-icon { display:none; }
 .bmd-rule-nav { height:44px; padding:0 12px; gap:19px; font-size:12px; }.bmd-rule-nav button { font-size:12px; min-width:44px; }.bmd-engine { display:none; }.bmd-rule-body { padding:15px 13px; }.bmd-rule-title { gap:8px; margin-bottom:13px; }.bmd-rule-title h3 { font-size:18px; }.bmd-rule-title small { font-size:12px; line-height:1.4; }.bmd-rule-symbol { display:none; }.bmd-rule-pipeline { grid-template-columns:minmax(0,1.15fr) 20px minmax(0,1fr); }.bmd-condition,.bmd-action { padding:10px 8px; min-height:138px; }.bmd-condition>small,.bmd-action>small { font-size:12px; margin-bottom:10px; }.bmd-condition>div { font-size:12px; gap:5px; }.bmd-condition>div span:nth-child(2) { font-size:12px; }.bmd-condition>div b { font-size:15px; }.bmd-condition-note { font-size:12px; line-height:1.35; }.bmd-evaluation { font-size:12px; line-height:1.3; }.bmd-evaluation .bmd-icon { display:none; }.bmd-action button { flex-wrap:wrap; min-height:44px; gap:4px; }.bmd-action button b { font-size:12px; }.bmd-action button .bmd-icon { width:13px; }.bmd-action button>span { display:none; }.bmd-rule-link .bmd-icon { width:14px; height:14px; }.bmd-rule-result { padding:12px 0; gap:7px; }.bmd-rule-result-icon { display:none; }.bmd-rule-result b { font-size:12px; }.bmd-rule-result>div>span { font-size:12px; line-height:1.3; }.bmd-rule-result>.bmd-pill { font-size:12px; }.bmd-execution-log.is-open { max-height:95px; }.bmd-log-header { font-size:12px; padding:8px 0 5px; }.bmd-log-header small { font-size:12px; }.bmd-log-entry { padding:7px; gap:5px; }.bmd-log-entry b,.bmd-log-entry span:not(.bmd-log-check) { font-size:12px; }.bmd-log-entry>div:last-child>span { display:none; }.bmd-log-check { display:none; }
}
@media (prefers-reduced-motion:reduce) { .bmd-frame *, .bmd-frame *::before,.bmd-frame *::after { animation:none!important; transition:none!important; }.bmd-guide-cursor { display:none; }.bmd-child-rows { max-height:180px; }.bmd-execution-log.is-open { max-height:110px; }.bmd-loadline.is-running i { opacity:1; } }
@media (max-width:620px) {
 .demo-mount[data-demo="overview"] .bmd-stage { height:550px; }
 .demo-mount[data-demo="overview"] .bmd-table-body { height:313px; }
 .demo-mount[data-demo="launch"] .bmd-stage { height:490px; }
 .demo-mount[data-demo="automate"] .bmd-stage { height:550px; }
 .bmd-progress { display:none; }
 .bmd-counter { display:block; margin-left:auto; font-size:12px; color:#6e829e; white-space:nowrap; font-variant-numeric:tabular-nums; }
 .bmd-next { display:flex; }
 .bmd-caption,.demo-mount[data-demo="overview"] .bmd-caption { max-width:none; flex:1; }
 .bmd-url,.bmd-example,.bmd-launch-title small,.bmd-launch-steps i { font-size:12px; }
 .bmd-url { letter-spacing:-.7px; }
 .bmd-insight button { min-width:44px; height:44px; }
 .bmd-creative-modes button { min-height:64px; }
 .bmd-table-head { font-size:12px; }
 .bmd-video-time { font-size:12px; }
 .bmd-log-entry span:not(.bmd-log-check) { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
 .bmd-execution-log.is-open { max-height:120px; }
}
@media (min-width:621px) {
 .demo-mount[data-demo="overview"] .bmd-stage { height:470px; }
 .demo-mount[data-demo="overview"] .bmd-table-body { height:250px; }
 .demo-mount[data-demo="launch"] .bmd-stage { height:450px; }
 .demo-mount[data-demo="automate"] .bmd-stage { height:470px; }
}
.bmd-video-track i { width:100%; transform-origin:left; }
.bmd-stage { contain:layout paint; }
.bmd-execution-log { transition:opacity .4s; }
.bmd-flow-path { filter:none; }
.bmd-frame.is-searching .bmd-account-block,.bmd-frame.is-searching .bmd-child-rows { animation:none; }
.bmd-frame.is-inactive *,.bmd-frame.is-inactive *::before,.bmd-frame.is-inactive *::after,.bmd-frame.is-frozen *,.bmd-frame.is-frozen *::before,.bmd-frame.is-frozen *::after { animation:none!important; transition:none!important; will-change:auto!important; }
/* Saved product metrics, illustrated with labeled example values. */
.bmd-frame { container-type:inline-size; }
.bmd-frame button { min-height:44px; min-width:44px; }
.bmd-appnav > button { min-height:44px; }
.bmd-report-control { min-width:0; display:flex; }
.bmd-report-control select { min-height:44px; max-width:100%; border:1px solid #31465f; border-radius:8px; background:#152437; color:#c1d5eb; padding:8px 25px 8px 10px; font:inherit; font-size:13px; cursor:pointer; }
.bmd-report-control select:focus-visible { outline:2px solid var(--bmd-yellow); outline-offset:2px; }
.bmd-toolbar { gap:9px; padding-block:10px; }
.bmd-sync { min-height:44px; height:44px; }
.bmd-manage .bmd-table-head,.bmd-manage .bmd-table-row { grid-template-columns:minmax(160px,1fr) 74px repeat(var(--bmd-metric-count),minmax(65px,.36fr)); gap:10px; }
.bmd-row-metrics { display:contents; }
.bmd-metric-cell { min-width:0; text-align:right; color:#b8cee7; font-variant-numeric:tabular-nums; }
.bmd-metric-cell b { font-weight:600; font-size:12px; }
.bmd-metric-cell small { display:none; }
.bmd-manage .bmd-table-body { height:237px; }
.demo-mount[data-demo="manage"] .bmd-stage { height:470px; }
.bmd-manage .bmd-table-head { font-size:10px; letter-spacing:.45px; }
.bmd-manage .bmd-insight { min-height:64px; }
.bmd-progress button,.bmd-progress .is-current { width:44px; min-width:44px; height:44px; padding:10px; }
.bmd-progress { gap:0; }
.bmd-controls { min-height:60px; height:auto; padding-block:8px; }
.bmd-caption { white-space:normal; line-height:1.3; }
.bmd-pause,.bmd-next { min-width:44px; min-height:44px; }
.bmd-example { font-size:12px; }
.bmd-action button { min-height:48px; }
.bmd-condition-note,.bmd-log-entry b,.bmd-log-entry span:not(.bmd-log-check) { font-size:12px; }
@media(max-width:950px){.demo-mount[data-demo="overview"] .bmd-progress{display:none}.bmd-counter{display:block;font-size:12px;white-space:nowrap;color:#8baccd}.bmd-next{display:flex}}
@container(max-width:600px){
 .bmd-url{display:none}.bmd-example{margin-left:auto;font-size:12px}.bmd-chrome{padding-inline:12px;gap:10px}
 .bmd-appbar{padding-inline:12px;gap:8px}.bmd-appnav>button,.bmd-appnav>span{padding-inline:7px;font-size:12px;gap:5px}.bmd-appnav .bmd-icon{display:none}.bmd-avatar{display:none}
 .bmd-manage .bmd-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:8px 12px;gap:7px}
 .bmd-report-control select{width:100%;font-size:16px;padding:8px 10px;height:44px}
 .bmd-sync{justify-content:center;width:100%;font-size:13px!important}.bmd-total{text-align:right;font-size:12px;margin-left:0;align-self:center;color:#8ea8c4}
 .bmd-searchbar{padding:0 12px 9px}.bmd-search input{font-size:16px;min-height:44px;height:44px}.bmd-filter{font-size:12px!important;min-width:82px;min-height:44px}
 .bmd-manage .bmd-table-head,.bmd-manage .bmd-table-row{grid-template-columns:minmax(0,1fr) 74px;gap:8px;padding:10px 12px}
 .bmd-manage .bmd-table-head{font-size:11px}.bmd-manage .bmd-table-head>span:nth-child(n+3){display:none}
 .bmd-manage .bmd-table-row{min-height:105px}.bmd-row-name b,.bmd-row-name small{font-size:12px}.bmd-manage .bmd-account-avatar{width:23px;height:23px;flex:none}
 .bmd-row-metrics{display:grid;grid-column:1/-1;grid-template-columns:repeat(var(--bmd-metric-count),minmax(0,1fr));gap:9px;border-top:1px solid #88a9ca14;padding-top:7px;margin-top:1px}
 .bmd-metric-cell{text-align:left}.bmd-metric-cell small{display:block;font-size:12px;color:#7b9abb;line-height:1.3;margin-bottom:3px}.bmd-metric-cell b{font-size:14px;color:#d0e3f8}
 .bmd-manage .bmd-campaign{padding-left:23px}.bmd-manage .bmd-adgroup{padding-left:32px}.bmd-manage .bmd-table-body{height:289px}
 .bmd-manage .bmd-breadcrumb{height:47px;padding-inline:12px}.bmd-manage .bmd-breadcrumb>span:first-child,.bmd-manage .bmd-breadcrumb>span:nth-child(2){display:none}.bmd-connected{font-size:12px}.bmd-connected .bmd-icon{display:none}
 .bmd-insight{min-height:75px;padding:12px;gap:8px}.bmd-insight-icon,.bmd-insight>.bmd-icon{display:none}.bmd-insight b,.bmd-insight span:not(.bmd-insight-icon){font-size:12px;line-height:1.4}
 .bmd-controls{padding:8px 12px;gap:7px}.bmd-caption{font-size:12px;max-width:none;flex:1}.bmd-controls .bmd-progress{display:none}.bmd-controls .bmd-counter{display:block;font-size:12px;white-space:nowrap}.bmd-controls .bmd-next{display:flex}
 .bmd-frame[data-type="manage"] .bmd-stage{height:610px!important}.bmd-cursor-layer{bottom:60px}
 .bmd-rule-result>.bmd-pill{font-size:11px;white-space:normal;text-align:center;max-width:80px;line-height:1.3}
 .bmd-condition>small,.bmd-action>small{font-size:12px}.bmd-condition>div,.bmd-condition>div span:nth-child(2){font-size:12px}.bmd-action button b{font-size:13px}.bmd-log-entry>div:last-child>span{white-space:normal;display:block;font-size:12px}
}
.bmd-search input{font-size:16px;min-height:44px;height:44px}.bmd-manage .bmd-table-head{font-size:12px}.bmd-manage .bmd-table-body{height:208px}
@container(max-width:600px){.bmd-manage .bmd-table-body{height:289px}.bmd-manage .bmd-table-head{font-size:12px}}