/* Preview-only visual layer. Customer data and configured tiers are unchanged. */
.bb-design-watermark{display:none}
html[data-visual-design=studio]{--canvas:#f4f7fc;--line:#dce5f2}
html[data-visual-design=studio][data-theme=dark]{--canvas:#0d1728;--line:#2b3b53}
html[data-visual-design=studio] body{background:var(--canvas)}
html[data-visual-design=studio] .page-head h1{letter-spacing:-.8px}
html[data-visual-design=studio] .catalog-platforms,
html[data-visual-design=studio] .landing-selector{border:1px solid var(--line);box-shadow:0 7px 28px #193c7210;padding:20px;border-radius:22px}
html[data-visual-design=studio] .platforms{gap:10px}
html[data-visual-design=studio] .platform{--choice:#0b63f6;--choice-bg:#eef5ff;min-height:96px;border-radius:15px;border:1px solid var(--line);background:var(--paper);gap:9px;padding:14px 7px 12px;transition:background .18s,border-color .18s}
html[data-visual-design=studio] .platform[data-id=tiktok]{--choice:#087d81;--choice-bg:#e8f8f8}
html[data-visual-design=studio] .platform[data-id=instagram]{--choice:#ba276a;--choice-bg:#fff0f7}
html[data-visual-design=studio] .platform[data-id=youtube]{--choice:#d72439;--choice-bg:#fff0f1}
html[data-visual-design=studio] .platform[data-id=discord]{--choice:#5865f2;--choice-bg:#f1f1ff}
html[data-visual-design=studio] .platform[data-id=twitch]{--choice:#8540d6;--choice-bg:#f5efff}
html[data-visual-design=studio] .platform[data-id=kick]{--choice:#147d24;--choice-bg:#edf9ee}
html[data-visual-design=studio] .platform[data-id=telegram]{--choice:#1588b7;--choice-bg:#eaf8ff}
html[data-visual-design=studio] .platform[data-id=shopee]{--choice:#dd4b27;--choice-bg:#fff2ec}
html[data-visual-design=studio] .platform .brand{width:39px;height:39px;border-radius:11px;box-shadow:0 3px 7px #14253f16}
html[data-visual-design=studio] .platform .brand svg{width:63%;height:63%}
html[data-visual-design=studio] .platform[aria-pressed=true]{background:var(--choice-bg);border-color:var(--choice);box-shadow:inset 0 -3px var(--choice);color:var(--ink)}
html[data-visual-design=studio] .platform:hover{background:var(--choice-bg);border-color:var(--choice)}
html[data-visual-design=studio] .platform small{background:transparent;font-size:10px;right:9px;top:5px}
html[data-visual-design=studio][data-theme=dark] .platform{background:#152238}
html[data-visual-design=studio][data-theme=dark] .platform:hover,
html[data-visual-design=studio][data-theme=dark] .platform[aria-pressed=true]{background:color-mix(in srgb,var(--choice) 24%,#152238);border-color:color-mix(in srgb,var(--choice) 65%,#fff)}

html[data-visual-design=studio] .bb-service-card{--card-color:#0b63f6;--card-light:#67aaff;border-radius:22px;border-color:var(--line);box-shadow:0 5px 18px #193c7208}
html[data-visual-design=studio] .bb-service-card[data-platform=tiktok]{--card-color:#08090e;--card-light:#25f4ee}
html[data-visual-design=studio] .bb-service-card[data-platform=instagram]{--card-color:#b82270;--card-light:#ffa840}
html[data-visual-design=studio] .bb-service-card[data-platform=youtube]{--card-color:#dc1835;--card-light:#ff7180}
html[data-visual-design=studio] .bb-service-card[data-platform=facebook]{--card-color:#1264e8;--card-light:#69c5ff}
html[data-visual-design=studio] .bb-service-card[data-platform=x],
html[data-visual-design=studio] .bb-service-card[data-platform=threads]{--card-color:#202d40;--card-light:#7185a1}
html[data-visual-design=studio] .bb-service-card[data-platform=telegram]{--card-color:#087eae;--card-light:#54d7fa}
html[data-visual-design=studio] .bb-service-card[data-platform=discord]{--card-color:#505de0;--card-light:#abb6ff}
html[data-visual-design=studio] .bb-service-card[data-platform=twitch]{--card-color:#7433c4;--card-light:#c195ff}
html[data-visual-design=studio] .bb-service-card[data-platform=kick]{--card-color:#116832;--card-light:#53fc18}
html[data-visual-design=studio] .bb-service-card[data-platform=shopee]{--card-color:#d94a24;--card-light:#ffb269}
html[data-visual-design=studio] .bb-service-card[data-platform=linkedin]{--card-color:#09679c;--card-light:#65c5f4}
html[data-visual-design=studio] .bb-service-card[data-platform=globe]{--card-color:#117b96;--card-light:#57d2d1}
html[data-visual-design=studio] .bb-header{min-height:132px;padding:24px;isolation:isolate;align-items:center}
html[data-visual-design=studio] .bb-service-card[data-custom-banner=false] .bb-header{background:var(--card-color)!important}
html[data-visual-design=studio] .bb-service-card[data-custom-banner=false] .bb-header::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 54%,#ffffff09 54% 69%,#ffffff14 69% 84%,#ffffff07 84%);pointer-events:none;z-index:-1}
html[data-visual-design=studio] .bb-service-card[data-platform=tiktok][data-custom-banner=false] .bb-header{background:radial-gradient(ellipse at 0% 110%,#25f4ee44,transparent 54%),radial-gradient(ellipse at 100% -25%,#fe2c5552,transparent 57%),linear-gradient(112deg,#05070b,#090a12 48%,#16101e)!important;border-bottom:0}
html[data-visual-design=studio] .bb-service-card[data-platform=tiktok][data-custom-banner=false] .bb-header::before{background:linear-gradient(120deg,transparent 30%,#25f4ee0b 44%,#8783ff25 55%,#f662b925 65%,transparent 82%);transform:skewX(-8deg) scale(1.15)}
html[data-visual-design=studio] .bb-service-card[data-platform=tiktok][data-custom-banner=false] .bb-header::after{content:"";position:absolute;right:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#25f4ee,#7e8cfa 47%,#f76ba4 76%,#fe2c55)}
html[data-visual-design=studio] .bb-service-card[data-platform=instagram][data-custom-banner=false] .bb-header{background:linear-gradient(112deg,#b82985,#db3563 63%,#eb7643)!important}
html[data-visual-design=studio] .bb-header>div{gap:11px;max-width:calc(100% - 75px)}
html[data-visual-design=studio] .bb-header strong{font-size:26px;font-weight:700;letter-spacing:-.4px;line-height:1.2}
html[data-visual-design=studio] .bb-category{font-size:12px;font-weight:500;color:#fff}
html[data-visual-design=studio] .bb-logo{width:58px;height:58px;margin:0;filter:drop-shadow(0 3px 5px #001a3220)}
html[data-visual-design=studio] .bb-logo .brand{width:100%;height:100%;border-radius:0;background:transparent!important;color:#fff;box-shadow:none}
html[data-visual-design=studio] .bb-logo .brand svg{width:90%;height:90%;fill:currentColor;object-fit:contain}
html[data-visual-design=studio] .bb-logo .brand[data-brand=tiktok] svg{filter:drop-shadow(-1.5px -1px 0 #25f4ee) drop-shadow(1.5px 1px 0 #fe2c55);width:78%;height:78%}
html[data-visual-design=studio] .bb-logo .brand[data-brand=instagram] svg{width:82%;height:82%}
html[data-visual-design=studio] .bb-logo .brand[data-brand=kick]{color:#53fc18}
html[data-visual-design=studio] .bb-logo .brand .icon{fill:none}
html[data-visual-design=studio] .bb-header:has(.bb-badges b) .bb-logo{margin-top:12px}
html[data-visual-design=studio] .bb-badges{top:11px;right:15px;gap:4px;max-width:calc(100% - 30px);flex-wrap:wrap}
html[data-visual-design=studio] .bb-badges b{padding:3px 8px;border-radius:5px;background:#fff3c4;color:#674104;font-size:10px}
html[data-visual-design=studio] .bb-design-watermark{position:absolute;display:block;right:73px;bottom:-27px;width:125px;height:125px;opacity:.075;transform:rotate(-14deg);pointer-events:none;z-index:-1}
html[data-visual-design=studio] .bb-design-watermark .brand{width:100%;height:100%;background:none!important}
html[data-visual-design=studio] .bb-design-watermark svg{width:100%;height:100%;fill:#fff}
html[data-visual-design=studio] .bb-service-card[data-custom-banner=true] .bb-design-watermark{display:none}
html[data-visual-design=studio] .bb-tier{padding:12px 23px;background:var(--paper);border-color:var(--line)}
html[data-visual-design=studio] .bb-body{padding:23px}
html[data-visual-design=studio] .bb-body h3{font-size:16px;line-height:1.6}
html[data-visual-design=studio] .bb-price strong{font-size:28px;letter-spacing:-.6px}
html[data-visual-design=studio] .bb-warranty{border:1px solid var(--line);background:var(--canvas);padding:12px}
html[data-visual-design=studio] .bb-warranty.covered{background:var(--green-bg,#e9f7f1);border-color:color-mix(in srgb,var(--green,#087a60) 17%,transparent)}
html[data-visual-design=studio] .bb-body .card-cta{gap:8px}
html[data-visual-design=studio] .bb-body .btn.plain{border:1px solid var(--line);border-radius:11px}
html[data-visual-design=studio] .bb-body .btn{min-height:44px}
html[data-visual-design=studio][data-theme=dark] .bb-tier{background:#172033}
html[data-visual-design=studio][data-theme=dark] .bb-warranty{background:#1c2c43}
html[data-visual-design=studio][data-theme=dark] .bb-warranty.covered{background:#133b32}
html[data-visual-design=studio][data-theme=dark] .bb-time{color:#91baff}
html[data-visual-design=studio] .hero-art:before{background:radial-gradient(ellipse at 22% 25%,#c4f4f4,transparent 57%),linear-gradient(135deg,#d2e9ff,#e4dcff);border-radius:38% 62% 51% 49% / 45% 38% 62% 55%}
html[data-visual-design=studio][data-theme=dark] .hero-art:before{background:radial-gradient(ellipse at 22% 25%,#12555e,transparent 57%),linear-gradient(135deg,#143b63,#33245a)}
html[data-visual-design=studio] .hero .orbit{border-color:#92c8ee}
html[data-visual-design=studio] .hero-stamp{background:#0b63f6;color:#fff;box-shadow:4px 5px 0 #91e5ec}
html[data-visual-design=studio] .category-tabs button[aria-pressed=true]{box-shadow:0 3px 0 #c2d9ff}
html[data-visual-design=studio] :is(button,a,input,select,summary):focus-visible{outline:3px solid #0b63f6;outline-offset:3px}
/* Product actions must remain unobstructed; the header still offers Help. */
html[data-visual-design=studio] body:is([data-route=catalog],[data-route=checkout],[data-route=compare]) .support-float{position:static;width:max-content;margin:20px 24px 16px auto}
@media(max-width:800px){
 html[data-visual-design=studio] .platforms{gap:8px}
 html[data-visual-design=studio] .catalog-platforms,html[data-visual-design=studio] .landing-selector{padding:12px}
 html[data-visual-design=studio] .platform{min-height:87px;padding:13px 5px 10px}
 html[data-visual-design=studio] .platform .brand{width:34px;height:34px}
 html[data-visual-design=studio] .bb-header{padding:21px;min-height:126px}
 html[data-visual-design=studio] .bb-header strong{font-size:24px}
 html[data-visual-design=studio] .bb-body{padding:21px}
}
@media(prefers-reduced-motion:reduce){html[data-visual-design=studio] *,html[data-visual-design=studio] *::before,html[data-visual-design=studio] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}