/* ACBS CINEMA: monochrome creative-software direction. */
html[data-acbs-style="cinema"]{
  --background:#000000;--surface:#0a0a0a;--surface-secondary:#101010;--text:#fff;--text-muted:#a3a3a3;
  --border:rgba(255,255,255,.15);--accent:#fff;--accent-ink:#000000;--signal:#fff;--button-bg:#fff;--button-text:#000000;
  --input-bg:#090909;--card-radius:18px;--shadow:0 24px 60px rgba(0,0,0,.36);--glow:0 0 0 1px rgba(255,255,255,.2);
  --bg:#000000;--panel:#0a0a0a;--panel2:#101010;--line:rgba(255,255,255,.15);--muted:#a3a3a3;--theme-glow:#fff;--theme-soft:#fff;--theme-line:rgba(255,255,255,.22);--theme-chip:#0b0b0b
}
html[data-acbs-style="cinema"] body{background:#000000!important;color:#fff!important;letter-spacing:-.01em}
html[data-acbs-style="cinema"] body:before{opacity:.07;background-image:radial-gradient(rgba(255,255,255,.6) .35px,transparent .55px);background-size:6px 6px}
html[data-acbs-style="cinema"] .app>header{min-height:68px;padding-inline:28px;background:rgba(5,5,5,.78)!important;border-bottom:1px solid rgba(255,255,255,.11)!important;box-shadow:none!important}
html[data-acbs-style="cinema"] .brand-mark{filter:grayscale(1) brightness(4)!important}
html[data-acbs-style="cinema"] .site-nav-links{gap:7px}
html[data-acbs-style="cinema"] :where(.site-nav-button,.theme-toggle,.visual-style-toggle){background:transparent!important;color:#fff!important;border:1px solid transparent!important;border-radius:9px!important;box-shadow:none!important}
html[data-acbs-style="cinema"] :where(.site-nav-button,.theme-toggle,.visual-style-toggle):hover{background:#161616!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;transform:none!important}
html[data-acbs-style="cinema"] .visual-style-toggle{border-color:rgba(255,255,255,.22)!important}
html[data-acbs-style="cinema"] .visual-style-icon,.theme-toggle-swatch{box-shadow:none!important;background:#fff!important}

html[data-acbs-style="cinema"] :where(.page,.hub-page,.shop-page,.dashboard,.presentation,.review,.sfx-page,.fm-page,.legal-page){background:#050505!important}
html[data-acbs-style="cinema"] :where(.side,.card,.tool-card,.project,.presentation-card,.review-panel,.modalcard,.site-dialog,.auth-dialog,.mobile-tool-sheet,.support-panel,[class$="-card"],[class$="-panel"],[class$="-shell"]){background:#0b0b0b!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:var(--card-radius)!important;box-shadow:none!important}
html[data-acbs-style="cinema"] :where(.tool-card,.shop-product-card,.workspace-mini-card,.workspace-project-card,.workspace-asset-card):hover{border-color:rgba(255,255,255,.45)!important;box-shadow:0 16px 36px rgba(0,0,0,.35)!important}
html[data-acbs-style="cinema"] :where(.btn,.nav button,.actions button,.stage-actions button){background:#fff!important;color:#000000!important;border:1px solid #fff!important;border-radius:10px!important;font-weight:750;letter-spacing:-.01em;box-shadow:none!important}
html[data-acbs-style="cinema"] :where(.btn,.nav button,.actions button,.stage-actions button):before{display:none!important}
html[data-acbs-style="cinema"] :where(.btn,.nav button,.actions button,.stage-actions button):hover{background:#d8d8d8!important;color:#000000!important;border-color:#d8d8d8!important;transform:translateY(-2px)!important;box-shadow:0 9px 20px rgba(255,255,255,.10)!important}
html[data-acbs-style="cinema"] :where(.btn:not(.primary),.site-back,.site-nav-button){background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
html[data-acbs-style="cinema"] :where(.btn:not(.primary),.site-back,.site-nav-button):hover{background:#191919!important;color:#fff!important;border-color:rgba(255,255,255,.46)!important}
html[data-acbs-style="cinema"] :where(input:not([type="range"]):not([type="color"]),select,textarea){background:#090909!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important;border-radius:10px!important}
html[data-acbs-style="cinema"] input[type="range"]{accent-color:#fff}
html[data-acbs-style="cinema"] :where(.pill,.tag,.credit-cost,.credit-balance){border-color:rgba(255,255,255,.16)!important;background:#111!important;color:#fff!important}
html[data-acbs-style="cinema"] :where(.score,.hub-eyebrow,.cut-eyebrow,.tool-card small,.cinema-tool-preview b){color:#fff!important}

html[data-acbs-style="cinema"] .tool-hub{max-width:1480px;padding:32px clamp(22px,5vw,76px) 92px}
html[data-acbs-style="cinema"] .hub-intro{position:relative;min-height:min(790px,82vh);padding:clamp(44px,7vw,112px)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:radial-gradient(700px 480px at 84% 64%,rgba(255,255,255,.065),transparent 62%),#000000!important}
html[data-acbs-style="cinema"] .hub-intro:after{content:"";position:absolute;right:6%;bottom:10%;width:min(33vw,470px);aspect-ratio:1;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 118px rgba(255,255,255,.018);pointer-events:none}
html[data-acbs-style="cinema"] .hub-folder-mark,html[data-acbs-style="cinema"] .hub-neon{display:none!important}
html[data-acbs-style="cinema"] .hub-intro-content{position:relative;z-index:1;max-width:1080px}
html[data-acbs-style="cinema"] .hub-eyebrow{font-size:.72rem!important;letter-spacing:.18em!important;font-weight:700!important;margin-bottom:30px!important}
html[data-acbs-style="cinema"] .hub-intro .hub-head{display:block;margin:0!important}
html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){max-width:1000px!important;font-family:Inter,Arial,sans-serif!important;font-size:clamp(4.2rem,10.8vw,10rem)!important;line-height:.79!important;letter-spacing:-.09em!important;font-weight:800!important}
html[data-acbs-style="cinema"] .hub-intro .hub-head p{max-width:410px!important;margin:36px 0 0!important;color:#b4b4b4!important;font-size:1.05rem!important}
html[data-acbs-style="cinema"] .hub-hero-actions{margin-top:34px!important;gap:11px!important}
html[data-acbs-style="cinema"] .cinema-tool-preview{position:relative;z-index:2;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:min(940px,100%)!important;margin-top:68px!important;gap:1px!important;border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.13)}
html[data-acbs-style="cinema"] .cinema-tool-preview button{min-height:132px!important;padding:18px!important;border:0!important;border-radius:0!important;background:#0b0b0b!important;color:#fff!important;transform:none!important}
html[data-acbs-style="cinema"] .cinema-tool-preview button:hover{background:#181818!important;color:#fff!important;transform:none!important}
html[data-acbs-style="cinema"] .cinema-tool-preview b{font-size:.62rem!important;color:#9e9e9e!important;margin-bottom:28px!important}.cinema-tool-preview span{font-size:.9rem!important}

html[data-acbs-style="cinema"] .tool-discovery{margin:70px 0 34px!important;padding:0!important;background:transparent!important;border:0!important}
html[data-acbs-style="cinema"] .hub-section{font-size:clamp(2.2rem,4.5vw,5rem)!important;letter-spacing:-.075em!important;margin:82px 0 22px!important}
html[data-acbs-style="cinema"] .tool-folder{padding:0!important;background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.13)!important;border-radius:0!important}
html[data-acbs-style="cinema"] .tool-folder>summary{padding:25px 0!important;background:transparent!important}
html[data-acbs-style="cinema"] .hub-grid{gap:18px!important}
html[data-acbs-style="cinema"] .tool-card{border-radius:16px!important;background:#0b0b0b!important}
html[data-acbs-style="cinema"] .tool-card.featured{background:#0b0b0b!important}
html[data-acbs-style="cinema"] .tool-card-art{background:#121212!important;filter:grayscale(.35) contrast(1.06)}
html[data-acbs-style="cinema"] .tool-card-content{padding:25px!important}html[data-acbs-style="cinema"] .tool-card h2{letter-spacing:-.05em}
html[data-acbs-style="cinema"] .tool-card p{color:#a6a6a6!important}

html[data-acbs-style="cinema"] .shop-heading{padding-top:86px!important;border-color:rgba(255,255,255,.15)!important}.shop-heading h1{font-size:clamp(4.2rem,10vw,9rem)!important;letter-spacing:-.09em!important}.shop-product-preview{filter:grayscale(.32) contrast(1.06)}
html[data-acbs-style="cinema"] .shop-product-card,html[data-acbs-style="cinema"] .shop-dialog{background:#0a0a0a!important}html[data-acbs-style="cinema"] .shop-product-info{padding:24px!important}html[data-acbs-style="cinema"] .shop-product-foot{border-color:rgba(255,255,255,.14)!important}
html[data-acbs-style="cinema"] .workspace-dashboard{max-width:1320px!important}html[data-acbs-style="cinema"] .workspace-welcome h1{font-size:clamp(3rem,7vw,6.6rem)!important;letter-spacing:-.075em!important}html[data-acbs-style="cinema"] .labby-credit-card{background:#111!important;border-color:rgba(255,255,255,.2)!important}html[data-acbs-style="cinema"] .labby-credit-glow{background:rgba(255,255,255,.08)!important}
html[data-acbs-style="cinema"] .site-footer{background:#000000!important;border-top:1px solid rgba(255,255,255,.14)!important}
/* Tool-level cinema overrides: no inherited green treatment. */
html[data-acbs-style="cinema"] :where(.iphone-badge,.iphone-controls h2,.iphone-stage-bar strong,.iphone-empty b,.mini-phone){color:#fff!important;border-color:rgba(255,255,255,.32)!important}
html[data-acbs-style="cinema"] :where(.iphone-controls,.iphone-stage-panel){background:#0a0a0a!important;border-color:rgba(255,255,255,.14)!important}
html[data-acbs-style="cinema"] :where(.iphone-stage-wrap,.mini-phone){background:#000000!important}
html[data-acbs-style="cinema"] .iphone-controls input[type=range]{accent-color:#fff!important}
/* Pricing: remove the old olive plan surfaces and green copy. */
html[data-acbs-style="cinema"] :where(.package-card,.package-premium){background:#0a0a0a!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none!important}
html[data-acbs-style="cinema"] .package-premium{background:#101010!important}
html[data-acbs-style="cinema"] :where(.package-heading small,.package-heading h2 span,.package-billing,.package-card li:before,.package-shortcut,.package-premium .package-price){color:#fff!important}
html[data-acbs-style="cinema"] :where(.package-top span,.package-card ul,.package-cta:disabled,.checkout-summary){border-color:rgba(255,255,255,.2)!important;background:#0a0a0a!important;color:#bdbdbd!important}
html[data-acbs-style="cinema"] .package-premium .package-top span{background:#fff!important;color:#000!important;border-color:#fff!important}
html[data-acbs-style="cinema"] .package-free .package-cta{background:#fff!important;color:#000!important;border-color:#fff!important}
html[data-acbs-style="cinema"] :where(.package-description,.package-card li,.package-notice,.package-notice strong,.checkout-summary b,.checkout-summary a,.digital-consent){color:#c8c8c8!important}
html[data-acbs-style="cinema"] .digital-consent input{accent-color:#fff!important}
/* Texture Studio: all controls and its canvas surround use charcoal/white. */
html[data-acbs-style="cinema"] :where(.ts-page,.ts-center,.ts-topbar,.ts-sidebar,.ts-preview-toolbar,.ts-stage-info){background:#000!important;border-color:rgba(255,255,255,.14)!important}
html[data-acbs-style="cinema"] :where(.ts-panel,.ts-drop,.ts-presets button,.ts-effects button,.ts-stack article,.ts-backgrounds button,.ts-backgrounds label,.ts-compare-modes button,.ts-controls select,.ts-controls input[type=text],.ts-export select,.ts-save-row input){background:#0a0a0a!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
html[data-acbs-style="cinema"] :where(.ts-topbar small,.ts-drop span,.ts-fx-icon,.ts-effects i,.ts-controls output,.ts-stack-select span,.ts-backgrounds button.active,.ts-processing){color:#fff!important}
html[data-acbs-style="cinema"] :where(.ts-drop:hover,.ts-drop.dragging,.ts-presets button:hover,.ts-effects button:hover,.ts-stack article.selected,.ts-backgrounds button.active){border-color:#fff!important;background:#151515!important}
html[data-acbs-style="cinema"] .ts-fx-icon{background:#1a1a1a!important}.ts-compare-modes button.active{background:#fff!important;border-color:#fff!important;color:#000!important}
html[data-acbs-style="cinema"] :where(.ts-controls input[type=range],.ts-video-player input){accent-color:#fff!important}
html[data-acbs-style="cinema"] .ts-stage{background-color:#0d0d0d!important;background-image:linear-gradient(45deg,#161616 25%,transparent 25%),linear-gradient(-45deg,#161616 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#161616 75%),linear-gradient(-45deg,transparent 75%,#161616 75%)!important}
html[data-acbs-style="cinema"] .ts-export-progress i{background:#fff!important}
/* Complete Cinema surface pass: legacy route styles are intentionally neutralized here.
   Keep media/canvas output untouched; this only addresses the application's chrome. */
html[data-acbs-style="cinema"] :where(
  .site-nav,.site-nav-links,.mobile-nav,.mobile-nav-bar,.mobile-dock,.bottom-nav,
  .auth-content,.auth-dialog-inner,.auth-identity,.auth-identity-workspace,.auth-tabs,.auth-notice,.auth-status,.auth-danger-note,
  .account-profile-settings,.account-details,.account-stats,.account-workspace-dialog,.account-head,.account-actions,
  .workspace-dashboard,.workspace-welcome,.workspace-section,.workspace-section-head,.workspace-projects,.workspace-assets,.workspace-tools,.workspace-utilities,.workspace-storage,.workspace-bottom,.workspace-empty,
  .shop-shell,.shop-toolbar,.shop-category-row,.shop-results-line,.shop-empty,.shop-demo,.shop-live-card,.shop-live-head,.shop-live-foot,.shop-live-meta,.shop-detail-copy,.shop-detail-meta,.shop-cart-body,.shop-cart-head,.shop-cart-item,.shop-cart-total,.shop-checkout,.shop-success,.shop-license-note,.shop-file-license,.shop-sample-note,
  .credit-badge,.tool-credit-pill,.credit-wallet,.credit-toast,.credit-coin,
  .tool-filters,.tool-search-results,.tool-toast,.tool-folder-top,.tool-folder-action,.tool-folder-names,
  .logo3d-page,.logo3d-head,.logo3d-layout,.logo3d-controls,.logo3d-preview,.logo3d-stage,.logo3d-upload,.logo3d-styles,.logo-control-group,.logo-draft,.logo-drafts,.logo-help,.logo-quality,.logo-preset-grid,.logo-symbol-grid,.logo-direction-grid,
  .prod-controls,.prod-stage,.pro-tools-shell,.workbench-shell,.workbench-panel,.workbench-toolbar,
  .am-shell,.am-controls,.am-stage,.am-drop,.am-preset-grid button,.am-preview,.am-empty,.am-progress,.am-result,
  .gl-shell,.gl-panel,.glyph-shell,.glyph-panel,.font-maker-shell,.font-maker-panel,.gradient-shell,.gradient-panel,
  .legal-page,.legal-panel,.cookie-panel,.compliance-panel
){background-color:#000!important;background-image:none!important;border-color:rgba(255,255,255,.16)!important;box-shadow:none!important}
html[data-acbs-style="cinema"] :where(
  .site-nav,.mobile-nav,.mobile-nav-bar,.mobile-dock,.bottom-nav,.auth-content,.auth-dialog-inner,.auth-identity,.auth-identity-workspace,.auth-tabs,.auth-notice,.auth-status,.auth-danger-note,
  .account-profile-settings,.account-details,.account-stats,.account-workspace-dialog,.account-head,.account-actions,
  .workspace-dashboard,.workspace-welcome,.workspace-section,.workspace-section-head,.workspace-projects,.workspace-assets,.workspace-tools,.workspace-utilities,.workspace-storage,.workspace-bottom,.workspace-empty,
  .shop-shell,.shop-toolbar,.shop-category-row,.shop-results-line,.shop-empty,.shop-demo,.shop-live-card,.shop-live-head,.shop-live-foot,.shop-live-meta,.shop-detail-copy,.shop-detail-meta,.shop-cart-body,.shop-cart-head,.shop-cart-item,.shop-cart-total,.shop-checkout,.shop-success,.shop-license-note,.shop-file-license,.shop-sample-note,
  .credit-badge,.tool-credit-pill,.credit-wallet,.credit-toast,.credit-coin,.tool-filters,.tool-search-results,.tool-toast,.tool-folder-top,.tool-folder-action,.tool-folder-names,
  .logo3d-page,.logo3d-head,.logo3d-layout,.logo3d-controls,.logo3d-preview,.logo3d-stage,.logo3d-upload,.logo3d-styles,.logo-control-group,.logo-draft,.logo-drafts,.logo-help,.logo-quality,.logo-preset-grid,.logo-symbol-grid,.logo-direction-grid,
  .prod-controls,.prod-stage,.pro-tools-shell,.workbench-shell,.workbench-panel,.workbench-toolbar,.am-shell,.am-controls,.am-stage,.am-drop,.am-preset-grid button,.am-preview,.am-empty,.am-progress,.am-result,.gl-shell,.gl-panel,.glyph-shell,.glyph-panel,.font-maker-shell,.font-maker-panel,.gradient-shell,.gradient-panel,.legal-page,.legal-panel,.cookie-panel,.compliance-panel
){color:#fff!important}
html[data-acbs-style="cinema"] :where(.credit-badge,.tool-credit-pill,.credit-wallet,.credit-toast){background:#080808!important;color:#fff!important}
html[data-acbs-style="cinema"] .credit-coin{background:#fff!important;color:#000!important;filter:grayscale(1)!important}
html[data-acbs-style="cinema"] :where(.site-nav :is(svg,path),.mobile-nav :is(svg,path),.bottom-nav :is(svg,path),.account-profile-settings :is(svg,path),.tool-folder-icon :is(svg,path)){fill:currentColor!important;stroke:currentColor!important;color:#fff!important}
html[data-acbs-style="cinema"] :where(.site-nav-button.active,.mobile-nav .active,.bottom-nav .active,.auth-submit,.auth-nav-button,.shop-cart-button,.shop-success-mark,.workspace-quick-card.active){background:#fff!important;color:#000!important;border-color:#fff!important}
html[data-acbs-style="cinema"] :where(.site-nav-button.active,.mobile-nav .active,.bottom-nav .active,.auth-submit,.auth-nav-button,.shop-cart-button,.shop-success-mark,.workspace-quick-card.active) :is(svg,path){color:#000!important;fill:currentColor!important;stroke:currentColor!important}
html[data-acbs-style="cinema"] :where(.account-profile-settings,.workspace-dashboard,.shop-shell,.tool-hub,.legal-page) :where(p,small,.meta,.muted,.helper,.description,.subtext){color:#b8b8b8!important}
html[data-acbs-style="cinema"] :where(.account-large-avatar,.auth-avatar,.brand-mark,.site-logo,.logo){filter:grayscale(1) brightness(3)!important}
/* Last-line guard for older independently styled modules.  It excludes actual
   media/artwork so tools continue to preview and export colour correctly. */
html[data-acbs-style="cinema"] .app :where([class]):not(canvas):not(img):not(video):not(svg):not(path):not(option){
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html[data-acbs-style="cinema"] :where(.btn.primary,.package-cta,.auth-submit,.shop-cart-button,.site-nav-button.active,.mobile-nav .active,.bottom-nav .active,.ts-compare-modes button.active){background:#fff!important;color:#000!important;border-color:#fff!important}
html[data-acbs-style="cinema"] :where(.btn.primary,.package-cta,.auth-submit,.shop-cart-button,.site-nav-button.active,.mobile-nav .active,.bottom-nav .active,.ts-compare-modes button.active) *{color:#000!important}
/* Route-specific Cinema cleanup for UI mounted outside `.app` and SVG showcases. */
html[data-acbs-style="cinema"] .verified-feedback::before{display:none!important;animation:none!important}
html[data-acbs-style="cinema"] :where(.verified-feedback,.verified-feedback-empty,.verified-feedback-card,.designer-network,.network-heading,.network-map,.network-live,.elastic-loader,.network-tools,.network-tools button,.network-note){background:#000!important;background-image:none!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important}
html[data-acbs-style="cinema"] :where(.verified-feedback-head small,.verified-feedback-empty>span,.verified-feedback-rating,.network-heading small,.network-demo-label,.network-live i,.elastic-copy strong,.network-caption,.network-tools span,.network-note){color:#fff!important;border-color:rgba(255,255,255,.25)!important}
html[data-acbs-style="cinema"] :where(.network-heading p,.network-live span,.elastic-copy,.elastic-loader p,.verified-feedback-empty p,.verified-feedback-card footer span){color:#b8b8b8!important}
html[data-acbs-style="cinema"] :where(.network-map,.network-map:has(.star-ocean)){background:#000!important}
html[data-acbs-style="cinema"] :where(.world-ocean,.star-ocean){fill:#000!important}
html[data-acbs-style="cinema"] :where(.world-route-line,.constellation-lines path,.constellation-star path,.star-traveller path){stroke:#fff!important}
html[data-acbs-style="cinema"] :where(.world-nodes circle,.constellation-star circle,.constellation-star.is-main circle,.star-traveller path,.elastic-head){fill:#fff!important;stroke:#fff!important}
html[data-acbs-style="cinema"] :where(.constellation-star text,.constellation-star.is-main text){fill:#b8b8b8!important}
html[data-acbs-style="cinema"] :where(#starGlow stop,#elasticInk stop){stop-color:#fff!important}
html[data-acbs-style="cinema"] :where(.elastic-shadow,.elastic-band){stroke:#fff!important;filter:none!important}
html[data-acbs-style="cinema"] :where(.mobile-tool-sheet,.mobile-tool-sheet>header,.mobile-tool-search,.mobile-tool-groups,.mobile-tool-groups [data-mobile-tool],.mobile-tool-sheet header button,.mobile-tool-search input,.mobile-tool-groups summary span){background:#000!important;background-image:none!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important;box-shadow:none!important}
html[data-acbs-style="cinema"] .mobile-tool-sheet::backdrop{background:rgba(0,0,0,.9)!important;backdrop-filter:blur(5px)!important}
html[data-acbs-style="cinema"] :where(.mobile-tool-sheet header small,.mobile-tool-groups [data-mobile-tool] i){color:#fff!important}
html[data-acbs-style="cinema"] :where(.mobile-tool-search,.mobile-tool-groups [data-mobile-tool] small){color:#aaa!important}
html[data-acbs-style="cinema"] :where(.btn.primary,.package-cta,.auth-submit,.shop-cart-button,.site-nav-button.active,.mobile-nav .active,.bottom-nav .active,.ts-compare-modes button.active) :where(svg,path){color:#000!important;fill:currentColor!important;stroke:currentColor!important}
/* Some legacy legal and theme-picker markup is intentionally classless. */
html[data-acbs-style="cinema"] .app :where(*):not(canvas):not(img):not(video):not(svg):not(path):not(option){
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}
html[data-acbs-style="cinema"] :where(.btn.primary,.package-cta,.auth-submit,.shop-cart-button,.site-nav-button.active,.mobile-nav .active,.bottom-nav .active,.ts-compare-modes button.active){background:#fff!important;color:#000!important;border-color:#fff!important}
@media(max-width:760px){html[data-acbs-style="cinema"] .app>header{padding-inline:16px!important}html[data-acbs-style="cinema"] .hub-intro{min-height:calc(100svh - 80px)!important;padding:54px 22px!important}html[data-acbs-style="cinema"] .hub-intro:after{width:54vw;right:-13vw;bottom:16%}html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){font-size:clamp(3.6rem,17.5vw,6rem)!important}html[data-acbs-style="cinema"] .cinema-tool-preview{grid-template-columns:1fr 1fr!important;margin-top:48px!important}.cinema-tool-preview button{min-height:102px!important}.tool-hub{padding-inline:16px!important}html[data-acbs-style="cinema"] .hub-section{font-size:2.55rem!important;margin-top:54px!important}}

/* ACBS Cinema homepage head banner — an original, monochrome construction layout. */
html[data-acbs-style="cinema"] .hub-intro{
  isolation:isolate;
  overflow:hidden;
  min-height:min(900px,96vh)!important;
  padding:clamp(44px,6vw,104px)!important;
  background-color:#000!important;
  background-image:
    radial-gradient(ellipse 44% 42% at 78% 18%,rgba(255,255,255,.12),transparent 74%),
    radial-gradient(ellipse 38% 30% at 18% 104%,rgba(255,255,255,.07),transparent 76%),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px)!important;
  background-size:auto,auto,clamp(112px,12vw,196px) 100%,100% clamp(112px,12vw,196px)!important;
  background-position:center!important;
}
html[data-acbs-style="cinema"] .hub-intro::before{
  content:"ACBS";
  position:absolute;
  z-index:-1;
  left:clamp(30px,5vw,86px);
  top:clamp(110px,14vh,174px);
  color:#fff!important;
  font:900 clamp(6.4rem,19.2vw,18rem)/.7 Inter,Arial,sans-serif;
  letter-spacing:-.135em;
  opacity:.98;
  pointer-events:none;
}
html[data-acbs-style="cinema"] .hub-intro::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:clamp(20px,5vw,84px);
  top:clamp(84px,12vh,142px);
  width:clamp(130px,20vw,320px);
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:0!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 clamp(12px,1.8vw,28px) rgba(255,255,255,.035),
    0 0 0 clamp(30px,4vw,58px) rgba(255,255,255,.018)!important;
  transform:rotate(45deg);
  pointer-events:none;
}
html[data-acbs-style="cinema"] .hub-intro-content{
  z-index:1!important;
  display:flex;
  min-height:calc(min(900px,96vh) - clamp(88px,12vw,208px));
  flex-direction:column;
  justify-content:flex-end;
  max-width:1120px!important;
}
html[data-acbs-style="cinema"] .hub-intro .hub-eyebrow{
  margin:0 0 clamp(16px,2.5vw,30px)!important;
  color:#fff!important;
  font-size:clamp(.67rem,1vw,.82rem)!important;
  font-weight:700!important;
  letter-spacing:.26em!important;
}
html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){
  max-width:950px!important;
  font-size:clamp(3.55rem,8.8vw,9.25rem)!important;
  line-height:.78!important;
  letter-spacing:-.095em!important;
  text-wrap:balance;
}
html[data-acbs-style="cinema"] .hub-intro .hub-head p{
  max-width:450px!important;
  margin-top:clamp(22px,3vw,38px)!important;
  color:#b7b7b7!important;
  font-size:clamp(1rem,1.35vw,1.18rem)!important;
  line-height:1.5!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions{margin-top:clamp(22px,3vw,38px)!important}
html[data-acbs-style="cinema"] .hub-hero-actions .btn{
  min-height:48px!important;
  padding-inline:20px!important;
  border-radius:12px!important;
  transition:transform .35s ease,background-color .35s ease,border-color .35s ease!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn:hover{transform:translateY(-2px)!important}
html[data-acbs-style="cinema"] .cinema-tool-preview{
  width:min(1120px,100%)!important;
  margin-top:clamp(44px,6vw,82px)!important;
  border-color:rgba(255,255,255,.3)!important;
  background:rgba(255,255,255,.16)!important;
}
html[data-acbs-style="cinema"] .cinema-tool-preview button{background:#080808!important}
html[data-acbs-style="cinema"] .cinema-tool-preview button:hover{background:#191919!important}
@media(max-width:760px){
  html[data-acbs-style="cinema"] .hub-intro{
    min-height:calc(100svh - 72px)!important;
    padding:30px 22px 42px!important;
    background-size:auto,auto,92px 100%,100% 92px!important;
  }
  html[data-acbs-style="cinema"] .hub-intro::before{
    left:17px;
    top:92px;
    font-size:clamp(5.65rem,29vw,9rem);
  }
  html[data-acbs-style="cinema"] .hub-intro::after{right:20px;top:78px;width:104px}
  html[data-acbs-style="cinema"] .hub-intro-content{min-height:calc(100svh - 144px)!important}
  html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){font-size:clamp(3.25rem,15.7vw,5rem)!important}
  html[data-acbs-style="cinema"] .hub-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  html[data-acbs-style="cinema"] .hub-hero-actions .btn{padding-inline:12px!important;font-size:.88rem!important}
}

/* Featured hero shortcuts sit directly on the dotted page surface. Keep their
   outlines and labels, but do not cover the scrolling micro-dot grid. */
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .cinema-tool-preview{
  background:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .cinema-tool-preview button{
  background:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .cinema-tool-preview button:hover{
  background:rgba(255,255,255,.055)!important;
}

/* Mobile Cinema banner: one deliberate viewport, horizontal tool rail and roomy touch targets. */
@media(max-width:760px){
  html[data-acbs-style="cinema"] .hub-intro{
    min-height:max(700px,calc(100svh - 70px))!important;
    padding:26px 20px 30px!important;
  }
  html[data-acbs-style="cinema"] .hub-intro::before{
    top:clamp(74px,12svh,106px);
    left:16px;
    font-size:clamp(5.2rem,27.5vw,8rem);
  }
  html[data-acbs-style="cinema"] .hub-intro::after{
    top:clamp(64px,10svh,92px);
    right:24px;
    width:88px;
  }
  html[data-acbs-style="cinema"] .hub-intro-content{
    min-height:calc(max(700px,100svh) - 126px)!important;
    justify-content:flex-end!important;
  }
  html[data-acbs-style="cinema"] .hub-intro .hub-eyebrow{margin-bottom:14px!important}
  html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){
    font-size:clamp(3rem,14.9vw,4.65rem)!important;
    line-height:.8!important;
  }
  html[data-acbs-style="cinema"] .hub-intro .hub-head p{
    max-width:330px!important;
    margin-top:18px!important;
    font-size:1rem!important;
  }
  html[data-acbs-style="cinema"] .hub-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:24px!important;
  }
  html[data-acbs-style="cinema"] .hub-hero-actions .btn{
    width:100%!important;
    min-height:50px!important;
    font-size:.95rem!important;
  }
  html[data-acbs-style="cinema"] .cinema-tool-preview{
    display:flex!important;
    width:calc(100% + 40px)!important;
    margin:30px -20px 0!important;
    padding:0 20px!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-width:1px 0!important;
    border-radius:0!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  html[data-acbs-style="cinema"] .cinema-tool-preview::-webkit-scrollbar{display:none}
  html[data-acbs-style="cinema"] .cinema-tool-preview button{
    flex:0 0 min(70vw,250px)!important;
    min-height:104px!important;
    padding:16px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:12px!important;
    scroll-snap-align:start;
  }
  html[data-acbs-style="cinema"] .cinema-tool-preview button:first-child{margin-left:0!important}
  html[data-acbs-style="cinema"] .cinema-tool-preview b{margin-bottom:19px!important}
}

/* The legacy neon banner hides its text for image-only heroes. Cinema has real copy. */
html[data-acbs-style="cinema"] .hub-intro :is(.hub-eyebrow,.hub-head){
  position:relative!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip-path:none!important;
  white-space:normal!important;
}
html[data-acbs-style="cinema"] .hub-intro .hub-head{display:block!important}
html[data-acbs-style="cinema"] .hub-intro .hub-hero-actions{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
}

/* Cinema construction surface: original ACBS treatment inspired by the approved direction. */
html[data-acbs-style="cinema"] .hub-intro{
  background-color:#000!important;
  background-image:
    radial-gradient(ellipse 42% 36% at 10% 3%,rgba(255,255,255,.12),transparent 72%),
    radial-gradient(ellipse 32% 24% at 83% 78%,rgba(255,255,255,.10),transparent 73%),
    radial-gradient(ellipse 48% 20% at 50% 110%,rgba(255,255,255,.055),transparent 70%),
    linear-gradient(90deg,rgba(255,255,255,.095) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),
    repeating-linear-gradient(112deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px)!important;
  background-size:auto,auto,auto,25% 100%,100% 30%,7px 7px!important;
  background-position:center!important;
  box-shadow:inset 0 0 150px rgba(0,0,0,.8)!important;
}
html[data-acbs-style="cinema"] .hub-intro::before{
  top:clamp(94px,13vh,158px)!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
}
html[data-acbs-style="cinema"] .hub-intro::after{
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 22px rgba(255,255,255,.024),0 0 0 52px rgba(255,255,255,.014)!important;
}
html[data-acbs-style="cinema"] .hub-intro .hub-eyebrow{
  font-size:.72rem!important;
  letter-spacing:.22em!important;
  font-weight:700!important;
}
html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){
  font-weight:700!important;
  letter-spacing:-.065em!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn{
  min-width:212px!important;
  min-height:54px!important;
  border-radius:0!important;
  padding:0 27px!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn.primary{
  background:#fff!important;
  color:#000!important;
  border:1px solid #fff!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn:not(.primary){
  background:rgba(0,0,0,.42)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn:hover{transform:translateY(-2px)!important}
html[data-acbs-style="cinema"] .hub-hero-actions .btn:not(.primary):hover{background:#fff!important;color:#000!important;border-color:#fff!important}
@media(max-width:760px){
  html[data-acbs-style="cinema"] .hub-intro{
    background-size:auto,auto,auto,50% 100%,100% 25%,6px 6px!important;
    box-shadow:inset 0 0 80px rgba(0,0,0,.82)!important;
  }
  html[data-acbs-style="cinema"] .hub-intro::before{top:86px!important;text-shadow:none!important}
  html[data-acbs-style="cinema"] .hub-hero-actions .btn{
    min-width:0!important;
    min-height:52px!important;
    padding:0 18px!important;
    font-size:.68rem!important;
  }
}

/* Cinema navigation and banner clarity pass. Keep every interaction grayscale. */
html[data-acbs-style="cinema"] .hub-hero-actions .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:max-content!important;
  opacity:1!important;
  visibility:visible!important;
  text-indent:0!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn.primary{
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn:not(.primary){
  color:#f7f7f5!important;
  -webkit-text-fill-color:#f7f7f5!important;
}

html[data-acbs-style="cinema"] .hub-intro .hub-head h1{
  display:inline-block!important;
  transform-origin:left center;
  will-change:clip-path,opacity,transform,filter;
  animation:cinemaHeadlineType 1.35s steps(18,end) .12s both!important;
}
html[data-acbs-style="cinema"] .hub-intro .hub-head h1::after{
  content:"";
  display:inline-block;
  width:3px;
  height:.72em;
  margin-left:.08em;
  vertical-align:-.02em;
  background:#f5f5f3;
  animation:cinemaCaret .62s step-end 4;
}
@keyframes cinemaHeadlineType{
  0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(16px);filter:blur(8px)}
  12%{opacity:1}
  100%{opacity:1;clip-path:inset(0 0 0 0);transform:none;filter:none}
}
@keyframes cinemaCaret{50%{opacity:0}}

html[data-acbs-style="cinema"] .app>header{
  background:rgba(0,0,0,.94)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.44)!important;
}
html[data-acbs-style="cinema"] .site-nav-links{
  --neon-green:#fff!important;
  background:linear-gradient(180deg,rgba(12,12,12,.97),rgba(2,2,2,.98))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.52)!important;
}
html[data-acbs-style="cinema"] .site-nav-links::before,
html[data-acbs-style="cinema"] .app>header::before,
html[data-acbs-style="cinema"] .mobile-dock::before{
  background:radial-gradient(150px circle at var(--nav-glow-x,var(--mobile-glow-x,50%)) var(--nav-glow-y,var(--mobile-glow-y,50%)),rgba(255,255,255,.16),rgba(255,255,255,.055) 30%,transparent 70%)!important;
}
html[data-acbs-style="cinema"] .site-nav-button{
  --neon-green:#fff!important;
  background:#070707!important;
  background-image:none!important;
  color:#f5f5f3!important;
  -webkit-text-fill-color:#f5f5f3!important;
  border-color:rgba(255,255,255,.20)!important;
}
html[data-acbs-style="cinema"] .site-nav-button::before{
  display:block!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),rgba(255,255,255,.28),transparent)!important;
}
html[data-acbs-style="cinema"] .site-nav-button::after{
  display:block!important;
  background:#333!important;
  filter:blur(18px)!important;
}
html[data-acbs-style="cinema"] .site-nav-button:hover,
html[data-acbs-style="cinema"] .site-nav-button:focus-visible,
html[data-acbs-style="cinema"] .site-nav-button.neon-touched{
  background:#171717!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 0 22px rgba(255,255,255,.07)!important;
}
html[data-acbs-style="cinema"] :where(.mobile-current-tool,.mobile-dock,.mobile-tool-sheet,.mobile-tool-sheet>header,.mobile-tool-search){
  background:#030303!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#f5f5f3!important;
}
html[data-acbs-style="cinema"] :where(.site-tool-picker select,.mobile-tool-search input,.mobile-current-tool button,.mobile-tool-sheet header button,.mobile-tool-groups [data-mobile-tool],.mobile-tool-groups summary span){
  background:#0a0a0a!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.20)!important;
  color:#f5f5f3!important;
}
html[data-acbs-style="cinema"] .mobile-dock button{
  color:#9a9a9a!important;
  background:transparent!important;
}
html[data-acbs-style="cinema"] .mobile-dock button[aria-current="page"]{
  background:#f2f2ef!important;
  color:#050505!important;
  box-shadow:0 0 20px rgba(255,255,255,.09)!important;
}

@media(prefers-reduced-motion:reduce){
  html[data-acbs-style="cinema"] .hub-intro .hub-head h1{animation:none!important;clip-path:none!important;filter:none!important;transform:none!important}
  html[data-acbs-style="cinema"] .hub-intro .hub-head h1::after{display:none!important}
}

/* Global Cinema atmosphere
   One fixed root owns the base, WebGL ribbons, dot grid, grain and vignette. */
.acbs-cinema-background[hidden]{display:none!important}
html:not([data-acbs-style="cinema"]) .acbs-cinema-background{display:none!important}
html[data-acbs-style="cinema"] .acbs-cinema-background{display:block!important}
.acbs-cinema-background{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
  isolation:isolate;
  background:#020202;
}
.acbs-cinema-background>div,.acbs-cinema-background>canvas{position:absolute;inset:0;width:100%;height:100%}
.acbs-cinema-base{
  z-index:0;
  background:radial-gradient(75% 60% at 78% 34%,rgba(255,255,255,.045),transparent 65%),#050505;
}
.acbs-cinema-webgl{
  z-index:1;
  display:block;
  width:100vw!important;
  height:100dvh!important;
  opacity:.94;
  transform:translateZ(0);
}
.acbs-cinema-grid{
  z-index:2;
  background-image:radial-gradient(circle,rgba(255,255,255,.28) 0 .9px,transparent 1px);
  background-size:18px 18px;
  background-position:0 0;
  opacity:.42;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 68%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 68%,transparent 100%);
}
.acbs-cinema-grain{
  z-index:3;
  opacity:.026;
  background-image:
    radial-gradient(circle at 20% 30%,#fff 0 .45px,transparent .65px),
    radial-gradient(circle at 72% 64%,#fff 0 .4px,transparent .62px),
    radial-gradient(circle at 45% 82%,#fff 0 .35px,transparent .58px);
  background-size:5px 7px,7px 5px,9px 8px;
  mix-blend-mode:screen;
}
.acbs-cinema-vignette{
  z-index:4;
  background:
    radial-gradient(circle at 50% 45%,transparent 30%,rgba(0,0,0,.2) 68%,rgba(0,0,0,.72) 100%),
    linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.42));
}
.acbs-cinema-background.is-static .acbs-cinema-webgl{display:none}
.acbs-cinema-background.is-static .acbs-cinema-base{
  background:
    radial-gradient(ellipse at 85% 18%,rgba(255,255,255,.13),transparent 28%),
    radial-gradient(ellipse at 18% 78%,rgba(255,255,255,.08),transparent 34%),
    #020202;
}

html[data-acbs-style="cinema"] body{
  position:relative;
  min-height:100dvh;
  background:#020202!important;
  color:#f7f7f5!important;
}
html[data-acbs-style="cinema"] body::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:12!important;
  display:block!important;
  pointer-events:none!important;
  background-image:radial-gradient(circle,rgba(255,255,255,.38) 0 1.05px,transparent 1.18px)!important;
  background-size:18px 18px!important;
  background-position:0 0!important;
  opacity:.46!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.96) 76%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.96) 76%,transparent 100%)!important;
  mix-blend-mode:screen;
}
html[data-acbs-style="cinema"] .app{position:relative;z-index:1;background:transparent!important}
html[data-acbs-style="cinema"] :where(.page,.hub-page,.shop-page,.dashboard,.presentation,.review,.sfx-page,.fm-page,.legal-page){
  background:transparent!important;
}
html[data-acbs-style="cinema"] .hub-intro{
  min-height:min(780px,82vh)!important;
  padding:clamp(34px,7vw,86px)!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:rgba(6,6,6,.36)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 100px rgba(0,0,0,.42)!important;
}
html[data-acbs-style="cinema"] .hub-intro::after{opacity:.28}

/* Calm, translucent surfaces retain the animation without sacrificing tool readability. */
html[data-acbs-style="cinema"] :where(
  .side,.card,.tool-card,.project,.presentation-card,.review-panel,.modalcard,.site-dialog,
  .auth-dialog-inner,.support-panel,.shop-product-card,.workspace-section,.workspace-mini-card,
  .package-card,.legal-panel,.cookie-panel,.compliance-panel,[class$="-controls"],[class$="-panel"]
){
  background-color:rgba(8,8,8,.82)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.006))!important;
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
html[data-acbs-style="cinema"] :where(.tool-card,.shop-product-card,.workspace-mini-card,.workspace-project-card,.workspace-asset-card):hover{
  border-color:rgba(255,255,255,.48)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.38),0 0 28px rgba(255,255,255,.055)!important;
}

/* Monochrome interactive controls with a restrained silver sweep. */
html[data-acbs-style="cinema"] :where(
  .btn,.nav button,.actions button,.stage-actions button,.site-nav-button,.theme-toggle,
  .visual-style-toggle,.workspace-tools button,.tool-folder-action
){
  color:#f8f8f6!important;
  background-color:rgba(5,5,5,.78)!important;
  background-image:linear-gradient(105deg,transparent 0 38%,rgba(255,255,255,.13) 48%,transparent 58% 100%)!important;
  background-position:130% 0!important;
  background-size:230% 100%!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:background-position .55s cubic-bezier(.2,.75,.2,1),background-color .24s ease,border-color .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease!important;
}
html[data-acbs-style="cinema"] :where(
  .btn,.nav button,.actions button,.stage-actions button,.site-nav-button,.theme-toggle,
  .visual-style-toggle,.workspace-tools button,.tool-folder-action
):hover{
  color:#fff!important;
  background-color:rgba(28,28,28,.94)!important;
  background-position:-30% 0!important;
  border-color:rgba(255,255,255,.68)!important;
  box-shadow:0 8px 26px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html[data-acbs-style="cinema"] :where(.site-nav-button.active,.mobile-dock button[aria-current=page],.bottom-nav .active){
  background:#f2f2ef!important;
  color:#050505!important;
  border-color:#fff!important;
}
html[data-acbs-style="cinema"] :where(.site-nav-button.active,.mobile-dock button[aria-current=page],.bottom-nav .active) :where(svg,path){
  color:#050505!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
html[data-acbs-style="cinema"] :where(input:not([type="range"]):not([type="color"]),select,textarea,.mobile-tool-search){
  background:rgba(5,5,5,.82)!important;
  color:#f7f7f5!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-acbs-style="cinema"] :where(input,select,textarea)::placeholder{color:#838383!important;opacity:1}
html[data-acbs-style="cinema"] :where(input:not([type="range"]):not([type="color"]),select,textarea):focus{
  outline:none!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.09)!important;
}

@media(max-width:760px){
  .acbs-cinema-background,.acbs-cinema-background>div,.acbs-cinema-background>canvas{
    width:100vw!important;
    height:100dvh!important;
    min-height:100svh;
  }
  .acbs-cinema-grid{background-size:16px 16px;opacity:.20}
  .acbs-cinema-grain{opacity:.018}
  .acbs-cinema-vignette{background:radial-gradient(ellipse at 50% 38%,transparent 22%,rgba(0,0,0,.24) 64%,rgba(0,0,0,.76) 112%)}
  html[data-acbs-style="cinema"] .app>header{
    background:rgba(3,3,3,.82)!important;
    border-color:rgba(255,255,255,.16)!important;
  }
  html[data-acbs-style="cinema"] .mobile-dock{
    background:rgba(4,4,4,.88)!important;
    border-color:rgba(255,255,255,.20)!important;
  }
  html[data-acbs-style="cinema"] .hub-intro{
    min-height:calc(100svh - 64px)!important;
    background:linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.20))!important;
    box-shadow:inset 0 0 72px rgba(0,0,0,.45)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-acbs-style="cinema"] :where(.btn,.site-nav-button,.tool-card,.shop-product-card){transition-duration:.01ms!important}
  html[data-acbs-style="cinema"] .cinema-reveal{opacity:1!important;transform:none!important}
}

/* Match the approved prototype: translucent rounded glass and pill actions. */
html[data-acbs-style="cinema"] :where(
  .side,.card,.tool-card,.project,.presentation-card,.review-panel,.modalcard,.site-dialog,
  .auth-dialog-inner,.support-panel,.shop-product-card,.workspace-section,.workspace-mini-card,
  .package-card,.legal-panel,.cookie-panel,.compliance-panel,[class$="-controls"],[class$="-panel"]
){
  background-color:rgba(6,6,6,.64)!important;
  border-color:rgba(255,255,255,.13)!important;
  border-radius:22px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 24px 72px rgba(0,0,0,.30)!important;
}
html[data-acbs-style="cinema"] .hub-intro .hub-eyebrow{
  display:inline-flex!important;
  width:max-content;
  align-items:center;
  gap:8px;
  padding:7px 11px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.025)!important;
  color:#d6d6d6!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
}
html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){
  margin-top:22px!important;
  max-width:900px!important;
  font-size:clamp(44px,8vw,104px)!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
  font-weight:700!important;
}
html[data-acbs-style="cinema"] .hub-intro .hub-head p{
  max-width:610px!important;
  margin-top:16px!important;
  font-size:clamp(15px,2vw,19px)!important;
  line-height:1.65!important;
  color:#a8a8a8!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions{margin-top:30px!important;gap:11px!important}
html[data-acbs-style="cinema"] .hub-hero-actions .btn{
  min-width:0!important;
  min-height:46px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  font-size:14px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn.primary{
  background:#f2f2f2!important;
  color:#0a0a0a!important;
  border-color:rgba(255,255,255,.16)!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn:not(.primary){
  background:rgba(255,255,255,.035)!important;
  color:#f0f0f0!important;
  border-color:rgba(255,255,255,.16)!important;
}
html[data-acbs-style="cinema"] .cinema-tool-preview{
  border-radius:22px!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-acbs-style="cinema"] .cinema-tool-preview button{background:rgba(6,6,6,.58)!important}

@media(max-width:760px){
  .acbs-cinema-grid{background-size:16px 16px;opacity:.28}
  html[data-acbs-style="cinema"] body::before{
    background-size:16px 16px!important;
    opacity:.52!important;
  }
  html[data-acbs-style="cinema"] .hub-intro{
    min-height:calc(100svh - 92px)!important;
    padding:32px 23px!important;
    border-radius:22px!important;
    background:rgba(6,6,6,.30)!important;
  }
  html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){
    font-size:clamp(44px,14.8vw,76px)!important;
  }
}

/* Final mobile hero and dock correction: keep all copy on-canvas and fully monochrome. */
html[data-acbs-style="cinema"] .hub-intro .hub-head h1{
  display:block!important;
  width:100%!important;
  max-width:900px!important;
  overflow:visible!important;
  white-space:pre-line!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  animation:none!important;
  clip-path:none!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
html[data-acbs-style="cinema"] .hub-intro .hub-head h1::after{
  opacity:1;
  animation:cinemaCaret .62s step-end infinite!important;
}
html[data-acbs-style="cinema"] .hub-intro .hub-head h1[data-typing="done"]::after{
  animation-iteration-count:3!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn,
html[data-acbs-style="cinema"] .hub-hero-actions .btn:not(.primary){
  background:#050505!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  opacity:1!important;
  visibility:visible!important;
  text-indent:0!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn.primary{
  background:#fff!important;
  background-image:none!important;
  color:#000!important;
  -webkit-text-fill-color:#000!important;
  border:1px solid #fff!important;
  opacity:1!important;
  visibility:visible!important;
  text-indent:0!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn :where(span,b,i){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-acbs-style="cinema"] .hub-hero-actions .btn.primary :where(span,b,i){
  color:#000!important;
  -webkit-text-fill-color:#000!important;
}

/* The WebGL canvas remains viewport-fixed; the dot field belongs to the document and scrolls with it. */
html[data-acbs-style="cinema"] body{
  position:relative;
  isolation:isolate;
}
html[data-acbs-style="cinema"] .acbs-cinema-background{z-index:0!important}
html[data-acbs-style="cinema"] .acbs-cinema-grid{
  background-image:none!important;
  opacity:0!important;
}
html[data-acbs-style="cinema"] body::before{
  content:none!important;
  display:none!important;
}
html[data-acbs-style="cinema"] .acbs-cinema-document-grid{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:100vh;
  z-index:1;
  pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,255,255,.55) 0 1.05px,transparent 1.18px);
  background-size:18px 18px;
  background-position:0 0;
  background-attachment:scroll;
  opacity:.58;
  mix-blend-mode:screen;
}
html[data-acbs-style="cinema"] .app{
  position:relative!important;
  z-index:2!important;
}
html[data-acbs-style="cinema"] .home-showcase .feature-window,
html[data-acbs-style="cinema"] .home-showcase .feature-copy{
  background:#030303!important;
  background-image:none!important;
}
html[data-acbs-style="cinema"] .home-showcase .feature-art{
  background:#0a0a0a!important;
  background-image:none!important;
}

/* High-specificity layer correction: reveal the scrolling dot field only through
   page backgrounds while keeping real UI surfaces and the carousel opaque. */
html[data-acbs-style="cinema"] #mainContent.app :where(
  .page,.page.active,.hub-page,.tool-hub,.hub-intro,.hub-intro-content,
  .shop-page,.dashboard,.presentation,.review,.sfx-page,.fm-page,.legal-page,
  .home-showcase,.showcase-heading,.feature-bottom
){
  background-color:transparent!important;
  background-image:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app .home-showcase :where(
  .feature-window,.feature-track,.feature-slide,.feature-copy,.feature-art
){
  background-color:#030303!important;
  background-image:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app .home-showcase .feature-art{
  background-color:#0a0a0a!important;
}

/* Render the dots on the real scrolling page surface so glass/backdrop blur
   cannot erase them. Carousel surfaces remain opaque by the rules above. */
html[data-acbs-style="cinema"] .acbs-cinema-document-grid{
  display:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app .page.active,
html[data-acbs-style="cinema"] #mainContent.app .hub-intro{
  background-color:transparent!important;
  background-image:radial-gradient(circle,rgba(255,255,255,.42) 0 1.05px,transparent 1.18px)!important;
  background-size:18px 18px!important;
  background-position:0 0!important;
  background-attachment:local!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-hero-actions .btn.primary{
  background:#fff!important;
  color:#000!important;
  -webkit-text-fill-color:#000!important;
  border-color:#fff!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-hero-actions .btn:not(.primary){
  background:#050505!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,255,255,.72)!important;
}
html[data-acbs-style="cinema"] #mainContent.app :where(
  h1,h2,h3,h4,h5,h6,p,small,span,strong,b,i,em,ul,ol,li,dl,dt,dd,
  .hub-head,.hub-grid,.hub-category,.hub-intro-content,.tool-discovery,
  .home-showcase,.showcase-heading,.feature-bottom,.feature-dots
){
  background-color:transparent!important;
  background-image:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app .home-showcase :where(
  .feature-window,.feature-track,.feature-slide,.feature-copy,.feature-art
){
  background-color:#030303!important;
  background-image:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app .home-showcase .feature-art{
  background-color:#0a0a0a!important;
}

@media(max-width:760px){
  html[data-acbs-style="cinema"] #mainContent.app .page.active,
  html[data-acbs-style="cinema"] #mainContent.app .hub-intro{
    background-size:16px 16px!important;
  }
  html[data-acbs-style="cinema"] .acbs-cinema-document-grid{
    background-size:16px 16px;
    opacity:.62;
  }
  html[data-acbs-style="cinema"] .hub-intro{
    overflow:hidden!important;
  }
  html[data-acbs-style="cinema"] .hub-intro-content{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
  }
  html[data-acbs-style="cinema"] .hub-intro .hub-head{
    width:100%!important;
    min-width:0!important;
  }
  html[data-acbs-style="cinema"] .hub-intro .hub-head h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(34px,10.4vw,48px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
  html[data-acbs-style="cinema"] .hub-intro .hub-hero-actions{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:28px 0 0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html[data-acbs-style="cinema"] .hub-intro .hub-hero-actions .btn{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:54px!important;
    padding:13px 18px!important;
    justify-content:flex-start!important;
    white-space:normal!important;
    text-align:left!important;
  }
  html[data-acbs-style="cinema"] .app>header,
  html[data-acbs-style="cinema"] .mobile-dock{
    background:#000!important;
    background-image:none!important;
    border-color:rgba(255,255,255,.22)!important;
  }
  html[data-acbs-style="cinema"] .mobile-dock{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 50px rgba(0,0,0,.92)!important;
  }
  html[data-acbs-style="cinema"] .app>header::before,
  html[data-acbs-style="cinema"] .mobile-dock::before{
    background:radial-gradient(130px circle at var(--mobile-glow-x,50%) var(--mobile-glow-y,50%),rgba(255,255,255,.12),rgba(255,255,255,.035) 34%,transparent 70%)!important;
  }
}

/* Cinema hero: keep the dot field continuous around the pills and text. */
html[data-acbs-style="cinema"] #mainContent.app .hub-intro :where(.hub-intro-content,.hub-head,.hub-hero-actions){
  background:transparent!important;
  box-shadow:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .package-shortcut{
  display:inline-block;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  padding:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .hub-hero-actions .btn{
  border-radius:999px!important;
  background-clip:padding-box!important;
  box-shadow:none!important;
  overflow:hidden;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .hub-hero-actions .btn.primary{
  background:#fff!important;
  color:#000!important;
  -webkit-text-fill-color:#000!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .hub-hero-actions .btn:not(.primary){
  background:#000!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* The hero tool carousel and showcase use opaque black glass, white outlines,
   and white lettering. Dots continue on the page outside these surfaces. */
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .cinema-tool-preview{
  background:rgba(0,0,0,.91)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.32)!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .cinema-tool-preview button{
  background:rgba(0,0,0,.92)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .cinema-tool-preview button:hover{
  background:#202020!important;
}
html[data-acbs-style="cinema"] #mainContent.app .hub-intro .cinema-tool-preview :where(b,span){color:#fff!important}
html[data-acbs-style="cinema"] #mainContent.app .home-showcase .feature-window{
  background:#030303!important;
  border:1px solid rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
}
html[data-acbs-style="cinema"] #mainContent.app .home-showcase .feature-copy :where(h2,h3,p,span,b){color:#fff!important}

/* Cinema surface hierarchy across the homepage: layout groups reveal the
   scrolling dot field; only actual cards and carousels cover it. */
html[data-acbs-style="cinema"] #mainContent.app #homePage .tool-hub :where(
  .tool-discovery,.tool-discovery label,.tool-filters,.hub-category,.hub-grid,
  .package-section,.package-heading,.package-heading>div,.package-grid,
  .package-notice,.hub-footer,.new-tools-grid,.tool-folder-top,
  .tool-folder-top>span,.tool-folder-names,.tool-folder-action
){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .tool-hub .tool-folder,
html[data-acbs-style="cinema"] #mainContent.app #homePage .tool-hub .new-tools-folder{
  background:rgba(0,0,0,.86)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:24px!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.3)!important;
  overflow:hidden;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .tool-hub .tool-folder>summary{
  background:transparent!important;
  background-image:none!important;
  border-radius:24px!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .tool-hub .tool-folder[open]>summary{
  border-bottom:1px solid rgba(255,255,255,.4)!important;
  border-radius:24px 24px 0 0!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage :where(
  .tool-card,.new-tool-link,.package-card,.creative-picks,.creative-panel,
  .home-showcase .feature-window
){
  background-color:rgba(0,0,0,.9)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:24px!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  overflow:hidden;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage :where(
  .tool-card,.new-tool-link,.package-card,.tool-folder,.cinema-tool-preview
) :where(h2,h3,p,b,small,span){color:#fff!important}

/* Search chips and carousel tracks are layout, not rectangular black panels. */
html[data-acbs-style="cinema"] #mainContent.app #homePage .tool-filters{
  display:flex;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .tool-filters button{
  border-radius:999px!important;
  border-color:rgba(255,255,255,.7)!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .home-showcase :where(
  .feature-bottom,.showcase-heading
){background:transparent!important;background-image:none!important}
html[data-acbs-style="cinema"] #mainContent.app #homePage .home-showcase .feature-track{
  background:#030303!important;
  background-image:none!important;
}

/* Shared page wrappers across the site should not become square black slabs. */
html[data-acbs-style="cinema"] #mainContent.app .page.active :where(
  .workspace-dashboard,.workspace-welcome,.workspace-projects,.workspace-assets,
  .workspace-bottom,.shop-shell,.shop-toolbar,.shop-results-line,.shop-demo,
  .logo3d-page,.logo3d-head,.logo3d-layout,.gl-shell,.glyph-shell,
  .gradient-shell,.am-shell,.cvm-shell,.quoteclip-shell,.transfer-shell,
  .iphone-mockup-shell,.tech-shell,.policy-shell
){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Reusable visible surfaces: rounded black glass with a clearly visible edge. */
html[data-acbs-style="cinema"] #mainContent.app .page.active :where(
  .workspace-section,.workspace-mini-card,.workspace-project-card,
  .shop-product-card,.shop-live-card,.quoteclip-card,.legal-panel
){
  background-color:rgba(0,0,0,.9)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:22px!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  overflow:hidden;
}

/* Shared cinema carousel glass: blur the real content layer, including slides
   and cards, rather than only the opaque outer frame. */
html[data-acbs-style="cinema"] #mainContent.app #homePage :where(
  .cinema-tool-preview,.home-showcase .feature-window,
  .creative-picks-track button
){
  background:rgba(0,0,0,.72)!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:24px!important;
  -webkit-backdrop-filter:blur(22px) saturate(0)!important;
  backdrop-filter:blur(22px) saturate(0)!important;
  overflow:hidden;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .hub-intro .cinema-tool-preview button{
  background:rgba(0,0,0,.65)!important;
  border-color:rgba(255,255,255,.46)!important;
  -webkit-backdrop-filter:blur(18px) saturate(0)!important;
  backdrop-filter:blur(18px) saturate(0)!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .home-showcase :where(
  .feature-track,.feature-slide,.feature-copy
){background:transparent!important;background-image:none!important}
html[data-acbs-style="cinema"] #mainContent.app #homePage .creative-picks-window,
html[data-acbs-style="cinema"] #mainContent.app #homePage .creative-picks-track{
  background:transparent!important;
  background-image:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .creative-picks-track button :where(span,strong,p,i){color:#fff!important}

/* Center cookie choices and remove the inherited green treatment. */
html[data-acbs-style="cinema"] body .cookie-banner{
  position:fixed;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%);
  width:min(720px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  overflow-y:auto;
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  padding:clamp(20px,4vw,32px)!important;
  background:rgba(5,5,5,.91)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:24px!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(24px) saturate(0)!important;
  backdrop-filter:blur(24px) saturate(0)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.8)!important;
}
html[data-acbs-style="cinema"] body .cookie-banner :where(h2,p),
html[data-acbs-style="cinema"] body .cookie-card :where(h2,p,b,span){color:#fff!important}
html[data-acbs-style="cinema"] body .cookie-banner p,
html[data-acbs-style="cinema"] body .cookie-card :where(p,.cookie-choice span){color:#c4c4c4!important}
html[data-acbs-style="cinema"] body .cookie-actions{
  justify-content:flex-start;
  background:transparent!important;
}
html[data-acbs-style="cinema"] body .cookie-actions .btn{
  background:#0c0c0c!important;
  border:1px solid rgba(255,255,255,.72)!important;
  color:#fff!important;
  border-radius:999px!important;
}
html[data-acbs-style="cinema"] body .cookie-actions .btn.primary{
  background:#fff!important;
  border-color:#fff!important;
  color:#000!important;
}
html[data-acbs-style="cinema"] body .cookie-panel{background:rgba(0,0,0,.75)!important}
html[data-acbs-style="cinema"] body .cookie-card{
  background:#080808!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:24px!important;
  -webkit-backdrop-filter:blur(20px) saturate(0)!important;
  backdrop-filter:blur(20px) saturate(0)!important;
}
html[data-acbs-style="cinema"] body .cookie-choice{border-color:rgba(255,255,255,.22)!important}
html[data-acbs-style="cinema"] body .cookie-choice input{accent-color:#fff!important}
@media(max-width:620px){
  html[data-acbs-style="cinema"] body .cookie-banner{width:calc(100vw - 24px);padding:20px!important}
  html[data-acbs-style="cinema"] body .cookie-banner .cookie-actions{display:grid;grid-template-columns:1fr;gap:9px}
  html[data-acbs-style="cinema"] body .cookie-banner .cookie-actions .btn{width:100%;min-width:0}
}

/* Cinema glass is shared by the carousel and the controls around every tool.
   Keep media and the drawing stages untouched so artwork keeps its own colors. */
html[data-acbs-style="cinema"] #mainContent.app :where(
  .home-showcase .feature-window,.creative-picks,.creative-picks-track button,
  .cinema-tool-preview,.cinema-tool-preview button,
  .side,.modalcard,.site-dialog,.auth-dialog,.mobile-tool-sheet,
  .support-panel,.workspace-section,.workspace-mini-card,.workspace-project-card,
  .gl-panel,.glyph-panel,.gradient-panel,.font-maker-panel,
  .ts-panel,.pro-tools-shell,.workbench-panel,.am-controls,
  .industrial-panel,.industrial-stage
){
  background:rgba(5,5,5,.64)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:22px!important;
  -webkit-backdrop-filter:blur(24px) saturate(0)!important;
  backdrop-filter:blur(24px) saturate(0)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage :where(
  .home-showcase .feature-window,.creative-picks,.creative-picks-track button,
  .cinema-tool-preview,.cinema-tool-preview button
){background:rgba(5,5,5,.64)!important}
html[data-acbs-style="cinema"] #mainContent.app #homePage :where(
  .home-showcase .feature-window,.creative-picks,.cinema-tool-preview
)::before{background:transparent!important}
html[data-acbs-style="cinema"] body :where(.cookie-banner,.cookie-card){
  background:rgba(5,5,5,.76)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.85)!important;
  -webkit-backdrop-filter:blur(24px) saturate(0)!important;
  backdrop-filter:blur(24px) saturate(0)!important;
}
html[data-acbs-style="cinema"] body :where(.cookie-banner,.cookie-card)::before,
html[data-acbs-style="cinema"] body :where(.cookie-banner,.cookie-card)::after{
  background-image:none!important;
  box-shadow:none!important;
}
html[data-acbs-style="cinema"] .industrial-panel :where(button,select,input:not([type="color"])){
  background:#111!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.45)!important;
}
html[data-acbs-style="cinema"] .industrial-panel button:hover{
  background:#272727!important;
  border-color:#fff!important;
}
html[data-acbs-style="cinema"] .industrial-panel input[type="range"]{accent-color:#fff!important}
/* Cinema account content and residual controls use neutral glass, while tool artwork remains untouched. */
html[data-acbs-style="cinema"] .account-workspace-dialog .account-recent-assets,
html[data-acbs-style="cinema"] .account-workspace-dialog :where(.labby-credit-card,.workspace-mini-card,.workspace-empty,.workspace-asset-card,.account-profile-settings,.account-stats>div,.account-details>div){
  background:rgba(7,7,7,.66)!important;background-image:none!important;
  border-color:rgba(255,255,255,.44)!important;
  -webkit-backdrop-filter:blur(18px) saturate(0)!important;
  backdrop-filter:blur(18px) saturate(0)!important;
}
html[data-acbs-style="cinema"] .account-workspace-dialog :where(.labby-credit-glow,.workspace-progress span){background:#fff!important;box-shadow:none!important}
html[data-acbs-style="cinema"] .account-workspace-dialog :where(.workspace-welcome small,.workspace-link,.labby-credit-copy small,.workspace-tools span,.workspace-project-card small,.workspace-asset-card i){color:#fff!important}
html[data-acbs-style="cinema"] .account-workspace-dialog .labby-credit-card::after{background:none!important}
html[data-acbs-style="cinema"] body :where(.cookie-banner,.cookie-card) :where(button,input,select){accent-color:#fff!important}

/* Frost the Cinema homepage's featured tool strip more strongly while keeping
   its existing connected-card layout and fine white borders. */
html[data-acbs-style="cinema"] #mainContent.app #homePage .hub-intro .cinema-tool-preview{
  background:rgba(12,12,12,.3)!important;
  -webkit-backdrop-filter:blur(38px) saturate(.78)!important;
  backdrop-filter:blur(38px) saturate(.78)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1)!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .hub-intro .cinema-tool-preview button{
  background:rgba(12,12,12,.27)!important;
  border-color:rgba(255,255,255,.4)!important;
  -webkit-backdrop-filter:blur(38px) saturate(.78)!important;
  backdrop-filter:blur(38px) saturate(.78)!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .hub-intro .cinema-tool-preview button:hover{
  background:rgba(42,42,42,.34)!important;
}

/* Keep one blurred glass surface per group. Nested live backdrop filters over
   the moving WebGL canvas force repeated full-card compositing. */
html[data-acbs-style="cinema"] #mainContent.app #homePage .hub-intro .cinema-tool-preview{
  -webkit-backdrop-filter:blur(18px) saturate(.78)!important;
  backdrop-filter:blur(18px) saturate(.78)!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage .hub-intro .cinema-tool-preview button{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-acbs-style="cinema"] #mainContent.app #homePage :where(.tool-card,.tool-folder,.new-tools-folder){
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
@media(max-width:760px){
  html[data-acbs-style="cinema"] #mainContent.app :where(.workspace-section,.workspace-mini-card,.shop-product-card,.gl-panel,.glyph-panel,.gradient-panel,.industrial-panel){
    -webkit-backdrop-filter:blur(10px)!important;
    backdrop-filter:blur(10px)!important;
  }
}

/* Saving, loading and tool previews use Cinema's black and silver palette. */
html[data-acbs-style="cinema"] #labActivity{
  background:rgba(0,0,0,.72)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#f5f5f3!important;
  box-shadow:0 18px 48px rgba(0,0,0,.48)!important;
}
html[data-acbs-style="cinema"] #labActivity .lab-loader i{
  border-color:rgba(255,255,255,.9)!important;
  box-shadow:0 0 12px rgba(255,255,255,.12)!important;
}
html[data-acbs-style="cinema"] #labActivity .lab-loader i:nth-child(2){border-color:rgba(255,255,255,.58)!important}
html[data-acbs-style="cinema"] #labActivity .lab-loader i:nth-child(3){border-color:rgba(255,255,255,.32)!important}
html[data-acbs-style="cinema"] #labActivity .lab-activity-copy small{color:#f5f5f3!important}
html[data-acbs-style="cinema"] #labActivity .lab-activity-copy span{color:#aaa!important}
html[data-acbs-style="cinema"] #labActivity .lab-activity-line{
  background:linear-gradient(90deg,transparent,#e8e8e8,transparent)!important;
}
html[data-acbs-style="cinema"] :where(.site-loader,.site-loader>span){background-color:#000!important}
html[data-acbs-style="cinema"] .site-loader>span{border:1px solid rgba(255,255,255,.2)!important}
html[data-acbs-style="cinema"] :where(.site-loader i,.site-scroll-progress i){background:#e8e8e8!important;box-shadow:0 0 12px rgba(255,255,255,.18)!important}
html[data-acbs-style="cinema"] progress{accent-color:#e8e8e8!important;background:#151515!important}
html[data-acbs-style="cinema"] progress::-webkit-progress-value{background:#e8e8e8!important}
html[data-acbs-style="cinema"] progress::-moz-progress-bar{background:#e8e8e8!important}

html[data-acbs-style="cinema"] :where(.tool-card-art,.legacy-thumb){
  background:#101010!important;
  filter:none!important;
}
html[data-acbs-style="cinema"] .new-tool-icon{
  background:#171717!important;
  color:#e8e8e8!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
html[data-acbs-style="cinema"] .tool-card-art img{
  filter:grayscale(1) contrast(1.06) brightness(.82)!important;
}
html[data-acbs-style="cinema"] .tool-card .tool-card-art::after{
  background:transparent!important;
}
html[data-acbs-style="cinema"] .legacy-thumb-shade{
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.38) 55%,rgba(0,0,0,.8))!important;
}

/* Keep the subtle grain without an extra full-screen blend pass. */
html[data-acbs-style="cinema"] .acbs-cinema-grain{mix-blend-mode:normal!important}