:root{
  --background:var(--bg);
  --surface:var(--panel);
  --surface-secondary:var(--panel2);
  --text-muted:var(--muted);
  --border:var(--line);
  --button-bg:var(--panel2);
  --button-text:#fff;
  --card-radius:14px;
  --shadow:0 18px 55px rgba(0,0,0,.28);
  --input-bg:#080b08;
}

.visual-style-toggle{gap:8px;border-color:var(--theme-line,color-mix(in srgb,var(--accent) 34%,transparent))!important;color:var(--theme-soft,var(--accent))!important}
.visual-style-icon{width:18px;height:18px;border:2px solid currentColor;border-radius:5px;background:linear-gradient(135deg,var(--accent) 50%,transparent 50%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--background) 70%,transparent)}
.mobile-style-control{display:none}
.shop-product-kicker span:last-child,.shop-file-license,.shop-detail-meta{display:none}

html[data-acbs-style="studio"]{
  --background:#f4eddf;
  --surface:#fffaf0;
  --surface-secondary:#eadfca;
  --text:#171512;
  --text-muted:#655e54;
  --border:#171512;
  --accent:#63d943;
  --button-bg:#171512;
  --button-text:#fffaf0;
  --card-radius:20px;
  --shadow:4px 4px 0 #171512;
  --input-bg:#fffdf7;
  --bg:var(--background);
  --panel:var(--surface);
  --panel2:var(--surface-secondary);
  --line:var(--border);
  --muted:var(--text-muted);
  --theme-line:#171512;
  --theme-soft:var(--text);
  --theme-chip:var(--surface);
  --theme-glow:var(--accent);
}

html[data-acbs-style="studio"] body{background:var(--background);color:var(--text)}
html[data-acbs-style="studio"] :where(.page,.hub-page,.shop-page,.dashboard,.presentation,.review,.sfx-page,.fm-page,.legal-page){background-color:var(--background);color:var(--text)}
html[data-acbs-style="studio"] .app>header{background:rgba(244,237,223,.96)!important;border-color:var(--border)!important;box-shadow:0 2px 0 var(--border);backdrop-filter:none}
html[data-acbs-style="studio"] :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:var(--surface);color:var(--text);border-color:var(--border);border-width:2px;border-radius:var(--card-radius);box-shadow:none;backdrop-filter:none}
html[data-acbs-style="studio"] :where(.tool-card,.project,.presentation-card,.review-panel,.site-dialog,.auth-dialog,.shop-product-card,.shop-dialog){box-shadow:var(--shadow)}
html[data-acbs-style="studio"] :where(h1,h2,h3,h4,h5,strong,b,label,legend,summary){color:var(--text)}
html[data-acbs-style="studio"] :where(p,small,.meta,.sec,[class$="-note"],[class$="-meta"]){color:var(--text-muted)}
html[data-acbs-style="studio"] :where(.btn,.site-nav-button,.nav button,.actions button,.stage-actions button){background:var(--button-bg);color:var(--button-text);border:2px solid var(--border);border-radius:12px;box-shadow:none}
html[data-acbs-style="studio"] :where(.btn,.site-nav-button,.nav button,.actions button,.stage-actions button):hover{transform:translateY(-1px);box-shadow:2px 2px 0 var(--border)}
html[data-acbs-style="studio"] :where(.btn.primary,.nav button.active,.segment button.active,[aria-pressed="true"].visual-style-toggle){background:var(--accent);color:#11200c;border-color:var(--border)}
html[data-acbs-style="studio"] :where(input:not([type="range"]):not([type="color"]),select,textarea){background:var(--input-bg);color:var(--text);border:2px solid var(--border);border-radius:12px;box-shadow:none}
html[data-acbs-style="studio"] :where(input,select,textarea,button,a):focus-visible{outline:3px solid #7b5cff;outline-offset:3px}
html[data-acbs-style="studio"] :where(.upload,[class*="upload"],[class*="drop-zone"],[class*="dropzone"]){background:var(--surface-secondary);color:var(--text);border-color:var(--border);border-width:2px}
html[data-acbs-style="studio"] :where(.metric,.warning,.comment,.version,.pill,.chat){background:var(--surface-secondary);color:var(--text);border-color:var(--border)}
html[data-acbs-style="studio"] .brand-mark{filter:drop-shadow(0 1px 0 #171512)}
html[data-acbs-style="studio"] .hub-neon{opacity:.16;filter:saturate(.65)}
html[data-acbs-style="studio"] .hub-intro :where(h1,.hub-title){font-size:clamp(3.8rem,9vw,8.5rem);line-height:.88;letter-spacing:-.055em;color:var(--text);text-shadow:none}
html[data-acbs-style="studio"] :where(.hub-section,.designer-network,.motion-banner){border-color:var(--border);background:var(--surface);box-shadow:none}
html[data-acbs-style="studio"] .tool-card:nth-child(4n+1){background:#fff4a8}
html[data-acbs-style="studio"] .tool-card:nth-child(4n+2){background:#d8ccff}
html[data-acbs-style="studio"] .tool-card:nth-child(4n+3){background:#ffc9d8}
html[data-acbs-style="studio"] .tool-card:nth-child(4n){background:var(--surface)}
html[data-acbs-style="studio"] .theme-toggle{background:var(--surface);color:var(--text);border:2px solid var(--border);box-shadow:none}
html[data-acbs-style="studio"] .theme-toggle-swatch{box-shadow:none}
html[data-acbs-style="studio"] .visual-style-toggle{background:var(--accent)!important;color:#11200c!important;border:2px solid var(--border)!important}
html[data-acbs-style="studio"] .visual-style-icon{background:linear-gradient(135deg,#171512 50%,#fffaf0 50%)}
html[data-acbs-style="studio"] .site-footer{background:#171512;color:#fffaf0;border-color:#171512}
html[data-acbs-style="studio"] .site-footer :where(p,a,span){color:#fffaf0}
html[data-acbs-style="studio"] dialog::backdrop{background:rgba(23,21,18,.48);backdrop-filter:none}

/* Studio shop: larger editorial cards, clear metadata, and a flat checkout. */
html[data-acbs-style="studio"] .shop-page{background:var(--background);color:var(--text)}
html[data-acbs-style="studio"] .shop-demo{background:#fff4a8;color:var(--text);border:2px solid var(--border);border-radius:14px}
html[data-acbs-style="studio"] .shop-demo b,html[data-acbs-style="studio"] :where(.shop-heading small,.shop-detail-copy small,.shop-cart-head small,.shop-checkout>small,.shop-success>small){color:#2b6f1b}
html[data-acbs-style="studio"] .shop-heading{border-bottom:3px solid var(--border);padding-top:72px}
html[data-acbs-style="studio"] .shop-heading h1{font-size:clamp(4rem,10vw,9rem);color:var(--text);line-height:.82}
html[data-acbs-style="studio"] .shop-heading p{color:var(--text-muted)}
html[data-acbs-style="studio"] .shop-cart-button{background:var(--button-bg);color:var(--button-text);border:2px solid var(--border);border-radius:12px;box-shadow:3px 3px 0 var(--accent)}
html[data-acbs-style="studio"] .shop-cart-button span{background:var(--accent);color:#11200c}
html[data-acbs-style="studio"] .shop-category-row button{background:var(--surface);color:var(--text);border:2px solid var(--border);border-radius:999px}
html[data-acbs-style="studio"] .shop-category-row button[aria-pressed=true]{background:var(--accent);color:#11200c}
html[data-acbs-style="studio"] .shop-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
html[data-acbs-style="studio"] .shop-product-card{background:var(--surface);color:var(--text);border:3px solid var(--border);border-radius:24px;box-shadow:5px 5px 0 var(--border);transition:transform .18s,box-shadow .18s}
html[data-acbs-style="studio"] .shop-product-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--border);border-color:var(--border)}
html[data-acbs-style="studio"] .shop-product-preview{height:360px;border-bottom:3px solid var(--border)}
html[data-acbs-style="studio"] .shop-product-preview :where(span,i){color:#fff}
html[data-acbs-style="studio"] .shop-product-info{padding:24px}
html[data-acbs-style="studio"] .shop-product-info h2{font-size:clamp(1.55rem,2.4vw,2.2rem);letter-spacing:-.035em}
html[data-acbs-style="studio"] .shop-product-info p{color:var(--text-muted)}
html[data-acbs-style="studio"] .shop-product-kicker,html[data-acbs-style="studio"] .shop-file-license{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
html[data-acbs-style="studio"] .shop-file-license{margin:0 0 18px;padding:12px 0;border-block:2px solid var(--border);letter-spacing:0;text-transform:none}
html[data-acbs-style="studio"] .shop-product-foot{border-top:2px solid var(--border)}
html[data-acbs-style="studio"] .shop-product-foot>strong{font-size:1.25rem;color:var(--text)}
html[data-acbs-style="studio"] .shop-dialog{background:var(--surface);color:var(--text);border:3px solid var(--border);box-shadow:7px 7px 0 var(--border)}
html[data-acbs-style="studio"] .shop-dialog-close{background:var(--button-bg);color:var(--button-text);border:2px solid var(--border)}
html[data-acbs-style="studio"] .shop-detail-copy>p,html[data-acbs-style="studio"] .shop-cart-head p,html[data-acbs-style="studio"] .shop-checkout>p{color:var(--text-muted)}
html[data-acbs-style="studio"] :where(.shop-detail-copy ul,.shop-product-foot,.shop-cart-item,.shop-cart-total,.shop-order-mini){border-color:var(--border)}
html[data-acbs-style="studio"] .shop-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
html[data-acbs-style="studio"] .shop-detail-meta span{padding:10px;border:2px solid var(--border);border-radius:12px;background:var(--surface-secondary);font-size:.72rem;font-weight:800;text-align:center}

/* ACBS Cinema — an original, restrained dark presentation layer. */
html[data-acbs-style="cinema"]{
  --background:#000000;--surface:#090909;--surface-secondary:#0d0d0d;--text:#fff;--text-muted:#a5a5a5;--border:rgba(255,255,255,.12);--accent:#fff;--button-bg:#111;--button-text:#fff;--card-radius:20px;--shadow:0 22px 65px rgba(0,0,0,.42);--glow:0 0 34px rgba(255,255,255,.11);--input-bg:#080808;--bg:var(--background);--panel:var(--surface);--panel2:var(--surface-secondary);--line:var(--border);--muted:var(--text-muted);--theme-line:rgba(255,255,255,.15);--theme-soft:#fff;--theme-chip:#101010;--theme-glow:#fff;--theme-surface:#090909;--theme-surface-strong:#0d0d0d;--theme-surface-active:#151515;--theme-border:rgba(255,255,255,.15)
}
html[data-acbs-style="cinema"] body{background:#000000;color:var(--text);overflow-x:hidden}
html[data-acbs-style="cinema"] body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.22) .45px,transparent .6px);background-size:5px 5px;mask-image:linear-gradient(to bottom,black,transparent 65%)}
html[data-acbs-style="cinema"] .app{position:relative;z-index:1}
html[data-acbs-style="cinema"] .app>header{background:rgba(5,5,5,.72)!important;border-color:rgba(255,255,255,.1)!important;backdrop-filter:blur(16px) saturate(1.1);box-shadow:none}
html[data-acbs-style="cinema"] :where(.page,.hub-page,.shop-page,.dashboard,.presentation,.review,.sfx-page,.fm-page,.legal-page){background-color:transparent;color:var(--text)}
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:linear-gradient(145deg,rgba(20,20,20,.88),rgba(8,8,8,.94));color:var(--text);border-color:var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow)}
html[data-acbs-style="cinema"] :where(h1,h2,h3,h4,h5,strong,b,label,legend,summary){color:var(--text)}
html[data-acbs-style="cinema"] :where(p,small,.meta,.sec,[class$="-note"],[class$="-meta"]){color:var(--text-muted)}
html[data-acbs-style="cinema"] :where(.btn,.site-nav-button,.nav button,.actions button,.stage-actions button){position:relative;overflow:hidden;background:#101010;color:#fff;border:1px solid rgba(255,255,255,.17);border-radius:12px;isolation:isolate;transition:transform .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease}
html[data-acbs-style="cinema"] :where(.btn,.site-nav-button,.nav button,.actions button,.stage-actions button):before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 0%,#fff 50%,#d9d9d9 100%);transform:translateX(-103%);transition:transform .4s cubic-bezier(.22,1,.36,1)}
html[data-acbs-style="cinema"] :where(.btn,.site-nav-button,.nav button,.actions button,.stage-actions button):hover{transform:translateY(-2px) scale(1.015);border-color:var(--accent);color:#000000;box-shadow:var(--glow)}
html[data-acbs-style="cinema"] :where(.btn,.site-nav-button,.nav button,.actions button,.stage-actions button):hover:before{transform:translateX(0)}
html[data-acbs-style="cinema"] :where(.btn.primary,.nav button.active,.segment button.active){background:var(--accent);color:#000000;border-color:var(--accent)}
html[data-acbs-style="cinema"] :where(.btn.primary,.nav button.active,.segment button.active):before{background:#fff}
html[data-acbs-style="cinema"] :where(input:not([type="range"]):not([type="color"]),select,textarea){background:var(--input-bg);color:#fff;border:1px solid var(--border);border-radius:11px}
html[data-acbs-style="cinema"] :where(input,select,textarea,button,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-acbs-style="cinema"] .hub-intro{border-color:rgba(255,255,255,.12);background:radial-gradient(circle at 76% 45%,rgba(255,255,255,.08),transparent 28%),linear-gradient(130deg,#111,#060606 74%);min-height:min(720px,76vh);align-items:center}
html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){max-width:980px;font-size:clamp(4rem,10.5vw,8.6rem);line-height:.84;letter-spacing:-.075em;text-wrap:balance}
html[data-acbs-style="cinema"] .hub-intro .hub-head p{max-width:430px;font-size:1rem;line-height:1.65}
html[data-acbs-style="cinema"] .hub-neon{opacity:.28;filter:blur(8px) saturate(.7)}
html[data-acbs-style="cinema"] .tool-card{background:#0c0c0c;border-color:rgba(255,255,255,.13);transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .5s,box-shadow .5s}
html[data-acbs-style="cinema"] .tool-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.32);box-shadow:0 20px 45px rgba(0,0,0,.42),var(--glow)}
html[data-acbs-style="cinema"] .tool-card:hover .tool-card-art img{transform:scale(1.045)}
html[data-acbs-style="cinema"] .tool-card-art{background:#111}html[data-acbs-style="cinema"] .tool-card-art img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
html[data-acbs-style="cinema"] .hub-section{font-size:clamp(1.8rem,3vw,3.2rem);letter-spacing:-.055em;color:#fff}
html[data-acbs-style="cinema"] .tool-folder{border-color:rgba(255,255,255,.11);background:#080808}
html[data-acbs-style="cinema"] .shop-product-card{border-color:rgba(255,255,255,.13);background:#0b0b0b;box-shadow:var(--shadow)}
html[data-acbs-style="cinema"] .shop-product-card:hover{border-color:var(--accent);box-shadow:var(--shadow),var(--glow)}
html[data-acbs-style="cinema"] .site-footer{background:#050505;border-color:rgba(255,255,255,.1)}
html[data-acbs-style="cinema"] .cinema-tool-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(680px,100%);margin:38px 0 0 3px}
html[data-acbs-style="cinema"] .cinema-tool-preview button{min-height:112px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(145deg,#171717,#0c0c0c);color:#fff;text-align:left;cursor:pointer;transition:transform .35s,border-color .35s,background .35s}
html[data-acbs-style="cinema"] .cinema-tool-preview button:nth-child(2){transform:translateY(28px)}
html[data-acbs-style="cinema"] .cinema-tool-preview button:nth-child(3){transform:translateY(8px)}
html[data-acbs-style="cinema"] .cinema-tool-preview button:hover{transform:translateY(-3px);border-color:var(--accent);background:linear-gradient(145deg,#1a1a1a,#0c0c0c)}
html[data-acbs-style="cinema"] .cinema-tool-preview b{display:block;font-size:.7rem;letter-spacing:.1em;color:var(--accent);margin-bottom:18px}.cinema-tool-preview span{font-weight:760}
@media(hover:hover) and (pointer:fine){html[data-acbs-style="cinema"] .cinema-light{background:radial-gradient(360px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.08),transparent 52%)}}
@media(prefers-reduced-motion:no-preference){html[data-acbs-style="cinema"] .cinema-reveal{opacity:0;transform:translateY(24px) scale(.985);filter:blur(7px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease}html[data-acbs-style="cinema"] .cinema-reveal.is-visible{opacity:1;transform:none;filter:none}html[data-acbs-style="cinema"] .cinema-reveal:nth-child(2){transition-delay:.08s}html[data-acbs-style="cinema"] .cinema-reveal:nth-child(3){transition-delay:.14s}}
@media(max-width:760px){html[data-acbs-style="cinema"] .app>header{backdrop-filter:blur(10px)}html[data-acbs-style="cinema"] .hub-intro{min-height:auto;padding-block:64px}html[data-acbs-style="cinema"] .hub-intro :where(h1,.hub-title){font-size:clamp(3.35rem,17vw,5.7rem)}html[data-acbs-style="cinema"] .cinema-tool-preview{grid-template-columns:1fr 1fr;margin-top:26px}html[data-acbs-style="cinema"] .cinema-tool-preview button{min-height:92px}html[data-acbs-style="cinema"] .cinema-tool-preview button:nth-child(2),html[data-acbs-style="cinema"] .cinema-tool-preview button:nth-child(3){transform:none}html[data-acbs-style="cinema"] body:before{display:none}}
@media(prefers-reduced-motion:reduce){html[data-acbs-style="cinema"] *,html[data-acbs-style="cinema"] *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:760px){
  .mobile-style-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 12px;padding:13px 0;border-top:1px solid #252c25;border-bottom:1px solid #252c25}
  .mobile-style-control p{margin:0;color:#899389;font-size:10px;font-weight:800;letter-spacing:.14em}
  .mobile-style-control small{display:block;margin-top:3px;color:#899389;font-size:10px}
  .mobile-style-control .visual-style-toggle{min-height:40px;padding:7px 10px;flex:0 0 auto}
  html[data-acbs-style="studio"] .app>header{background:rgba(244,237,223,.97)!important}
  html[data-acbs-style="studio"] .site-tool-picker select{background:var(--input-bg)!important;color:var(--text)!important;border:2px solid var(--border)!important}
  html[data-acbs-style="studio"] .mobile-style-control{border-color:var(--border)}
  html[data-acbs-style="studio"] .mobile-style-control :where(p,small){color:var(--text-muted)}
  html[data-acbs-style="studio"] .shop-products{grid-template-columns:1fr;gap:18px}
  html[data-acbs-style="studio"] .shop-product-preview{height:285px}
  html[data-acbs-style="studio"] .shop-detail-meta{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){html[data-acbs-style="studio"] *{scroll-behavior:auto!important}}