:root{--bs-accent:#ff2d72;--bs-accent-2:#ff6b9e;--bs-bg:#070708;--bs-panel:#101013;--bs-line:#28282e;--bs-muted:#92929c}
html{scroll-behavior:smooth}body{background:var(--bs-bg);color:#f5f5f7}
/* Public pages must never expose build notes, beta diagnostics or empty demo shelves. */
.app,.v16Launch,.previewAdSlot,.previewBottomAdSlot,body>section[style*="max-width:1240px"],.demoWatch{display:none!important}
.demoCatalog{width:min(1540px,calc(100% - 40px));margin:30px auto 74px;padding:0!important}
.bsDiscoveryIntro{width:min(1540px,calc(100% - 40px));margin:30px auto 22px;position:relative;overflow:hidden;border:1px solid var(--bs-line);border-radius:18px;background:linear-gradient(110deg,#141015 0,#09090b 62%,#190c13 100%);padding:clamp(24px,4vw,54px)}
.bsDiscoveryIntro:after{content:"BS";position:absolute;right:-20px;top:-52px;color:#ffffff05;font:950 clamp(150px,25vw,360px)/1 Arial;letter-spacing:-.12em;pointer-events:none}
.bsDiscoveryIntro>*{position:relative;z-index:1}.bsDiscoveryIntro small{color:var(--bs-accent-2);font-size:10px;font-weight:900;letter-spacing:.18em}.bsDiscoveryIntro h1{max-width:820px;margin:10px 0 12px;font-size:clamp(34px,5.3vw,76px);line-height:.93;letter-spacing:-.055em}.bsDiscoveryIntro h1 span{color:var(--bs-accent)}.bsDiscoveryIntro p{max-width:680px;color:#aaa;line-height:1.55;margin:0}.bsIntroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.bsIntroActions button{min-height:44px;border:1px solid #393940;border-radius:9px;background:#17171b;color:#fff;padding:0 17px;font-weight:850;cursor:pointer}.bsIntroActions button:first-child{border-color:var(--bs-accent);background:var(--bs-accent);color:#08080a}.bsTrustStrip{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;padding-top:17px;border-top:1px solid #ffffff13;color:#888;font-size:11px}.bsTrustStrip b{color:#ddd}
.proCatalogHead h2{letter-spacing:-.035em}.proCatalogHead p{font-size:13px}.proGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 12px}.proThumb{border-radius:6px}.proCard h3{font-family:"Arial Narrow",Arial,sans-serif;font-size:14px;color:#f5f5f7}.proCard:hover h3,.proCard:focus h3{color:var(--bs-accent)}
.proToolbar{position:sticky;top:124px;z-index:12;padding:10px;border:1px solid #29292f;border-radius:12px;background:#09090bed;backdrop-filter:blur(16px)}
.proPager{position:relative}.proPager button{cursor:pointer}.proPager button:hover:not(:disabled){border-color:var(--bs-accent);color:#fff}
.proPlayer{border-radius:8px}.proWatchLayout{grid-template-columns:minmax(0,1fr) 400px}.proWatchNav{position:sticky;top:122px;z-index:11;border:1px solid #27272c;border-radius:10px;background:#0b0b0ee8;backdrop-filter:blur(14px);padding:2px 8px}.proWatchActions button,.proCreator button{cursor:pointer}.proRelated{max-height:calc(100vh - 170px);overflow:auto;padding-right:4px}.proComments>div{background:#0e0e12}
.bsAgeGate{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 12%,#36101f 0,#0a080a 38%,#030304 100%);overflow:auto}.bsAgeGate[hidden]{display:none}.bsAgeCard{width:min(760px,100%);border:1px solid #393139;border-radius:20px;background:#09090cee;box-shadow:0 30px 120px #000;padding:clamp(24px,5vw,54px);text-align:center}.bsAgeLogo{font-size:clamp(25px,5vw,44px);font-weight:950;letter-spacing:-.055em}.bsAgeLogo b{color:var(--bs-accent)}.bsAgeCard h1{font-size:clamp(28px,5vw,50px);margin:24px 0 12px;line-height:1.02}.bsAgeCard p{max-width:620px;margin:0 auto;color:#aaa;line-height:1.55}.bsAgeNotice{display:inline-block;margin-top:17px;color:#f6b1ca;font-size:12px;font-weight:800}.bsAgeActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.bsAgeActions button,.bsAgeActions a{min-height:52px;display:grid;place-items:center;border:1px solid #3a3a42;border-radius:10px;background:#151519;color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.bsAgeActions button{border-color:var(--bs-accent);background:var(--bs-accent);color:#08080a}.bsAgeFoot{margin-top:20px!important;font-size:11px}.bsAgeLocale{display:flex;justify-content:center;gap:6px;margin-top:20px}.bsAgeLocale button{border:1px solid #33333a;border-radius:999px;background:#121216;color:#aaa;padding:7px 12px;cursor:pointer}.bsAgeLocale button.active{border-color:var(--bs-accent);color:#fff}
@media(max-width:1200px){.proGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.proWatchLayout{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:900px){.proGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.proWatchLayout{grid-template-columns:1fr}.proRelated{max-height:none;grid-template-columns:repeat(3,minmax(0,1fr))}.proToolbar{top:70px}}
@media(max-width:680px){.demoCatalog,.bsDiscoveryIntro{width:calc(100% - 20px)}.bsDiscoveryIntro{padding:27px 18px;border-radius:14px}.bsDiscoveryIntro h1{font-size:42px}.bsTrustStrip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}.proToolbar{position:relative;top:auto}.proRelated{grid-template-columns:repeat(2,minmax(0,1fr))}.bsAgeActions{grid-template-columns:1fr}.bsAgeCard{padding:30px 18px}}
@media(max-width:380px){.proGrid{grid-template-columns:1fr 1fr}.proCard h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.proThumb img{transition:none}}
#bsActionToast{position:fixed;z-index:999998;left:50%;bottom:24px;transform:translate(-50%,25px);opacity:0;border:1px solid #49313b;border-radius:10px;background:#171218;color:#fff;box-shadow:0 18px 60px #000;padding:12px 17px;font-size:12px;font-weight:850;pointer-events:none;transition:.2s}#bsActionToast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:430px){.previewMobileBrand{max-width:150px;font-size:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.previewAccountWrap{margin-left:auto}.previewAccountTrigger{padding:4px!important}.previewAvatar{width:36px!important;height:36px!important}}
/* V30 public surface consolidation */
.proWatchMode .bsDiscoveryIntro,.proWatchMode .previewAdSlot,.proWatchMode .previewBottomAdSlot,.proWatchMode [class*="AdSlot"]{display:none!important}.proWatchMode #professionalWatch{width:min(1540px,calc(100vw - 28px));margin-top:18px}.proWatchMode .proWatchLayout{grid-template-columns:minmax(0,1fr) minmax(330px,420px)}
.proToolbar{grid-template-columns:180px 180px;justify-content:end}.proToolbar input,.proToolbar>button{display:none!important}.proCatalogHead{padding-top:4px}
.spaSubpageInner{max-width:1540px!important}.spaSections>.xpPage{grid-column:1/-1;min-width:0}.xpGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.xpCard{display:grid!important;grid-template-columns:minmax(150px,42%) 1fr;min-height:240px!important}.xpCardMedia{width:auto!important;min-height:240px;background:radial-gradient(circle at 50% 40%,#ff2d72 0 4%,#471426 5% 26%,#101014 68%)!important;color:#ff2d72!important}.xpCard>div:last-child{display:flex;flex-direction:column;justify-content:center}.xpCard button,.xpFeature button,.xpForm button,.xpSettings section>button,.workspacePrimary,.xpPlans button,.xpInbox form button{background:#ff2d72!important}.xpMetric b,.xpCategoryGrid i,.xpTable em,.xpMessages b{color:#ff2d72!important}.xpFilters .active,.xpDashboard nav .active,.xpAdmin nav .active{background:#ff2d72!important;border-color:#ff2d72!important}.xpFilters button:hover{border-color:#ff2d72;color:#fff}.proToast{background:#ff2d72!important}.xpFeature{background:linear-gradient(135deg,#23101a,#0b0b0e)!important}
.bsSearchHost{position:relative}.previewDesktopCenteredSearch,.previewTopSearch{transition:border-color .2s,box-shadow .2s,transform .2s}.previewDesktopCenteredSearch:focus-within,.previewTopSearch:focus-within{border-color:#ff2d72!important;box-shadow:0 0 0 3px #ff2d721d}.previewDesktopCenteredSearch.isSearching,.previewTopSearch.isSearching{background:linear-gradient(90deg,#111,#231019,#111)!important;background-size:220% 100%!important;animation:bsSearchPulse 1.2s linear infinite}.bsLiveSuggestions{display:none;position:absolute;z-index:300000;top:calc(100% + 7px);left:0;right:0;max-height:min(480px,70vh);overflow:auto;border:1px solid #35353d;border-radius:12px;background:#0d0d10;box-shadow:0 28px 80px #000;padding:7px}.bsLiveSuggestions.show{display:block}.bsLiveSuggestions button{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:#eee;padding:10px;text-align:left;cursor:pointer}.bsLiveSuggestions button:hover,.bsLiveSuggestions button.active{background:#23121a}.bsLiveSuggestions i{color:#ff2d72;font-style:normal}.bsLiveSuggestions small{color:#777;text-transform:uppercase;font-size:8px}.bsLiveSuggestions p{color:#888;padding:10px}@keyframes bsSearchPulse{to{background-position:-220% 0}}
@media(max-width:900px){.proWatchMode .proWatchLayout{grid-template-columns:1fr}.xpGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.proToolbar{grid-template-columns:1fr 1fr}.xpGrid{grid-template-columns:1fr!important}.xpCard{grid-template-columns:125px 1fr;min-height:190px!important}.xpCardMedia{min-height:190px}.proWatchMode #professionalWatch{width:100%}}
.proCard.previewing .proPreviewProgress{animation-duration:15s!important}
.xpCreatorCard .xpCardMedia{overflow:hidden}.xpCreatorCard .xpCardMedia img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .3s}.xpCreatorCard:hover .xpCardMedia img{transform:scale(1.04)}
.proWatchTitle>a{display:none!important}
.modalCard{position:relative}.authPasswordWrap{position:relative;width:100%}.authPasswordWrap #authPassword{width:100%;padding-right:74px!important}.authEye{position:absolute;right:14px;top:50%;transform:translateY(-50%);margin:0;border:0;background:transparent;color:#ff78a5;font-size:10px;font-weight:900;z-index:2}.authCheck{display:flex;align-items:flex-start;gap:9px;color:#aaa;font-size:12px}.authCheck input{width:auto!important;accent-color:#ff2d72}.authLinks{display:flex;justify-content:space-between;gap:10px}.authLinks button,#realLogout{border:0;background:transparent;color:#ff78a5;padding:8px 0;font-size:11px;font-weight:850}.notice.error{color:#ff7183!important}
