/* Shared charcoal control surfaces for ACBS Dark and Cinema. */
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]){--raised-bg:linear-gradient(180deg,#24282b,#1b1e21);--raised-border:#363b40;--raised-hover:linear-gradient(180deg,#353b41,#292f34);--raised-selected:#3d434d;--raised-ring:#d5ef76}
html[data-acbs-style="cinema"]{--raised-ring:#f5f5f5}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body :is(.btn,.acbs-icon-button,.new-tool-link,.mobile-tool-groups [data-mobile-tool],.hub-filter,.tool-filter,.goal-option,.site-nav-button,.gl-preset,.gl-favorite){
 background:var(--raised-bg)!important;color:#fafafa!important;border:1px solid var(--raised-border)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff09,0 3px 8px #0003!important;font-weight:650;letter-spacing:-.015em;min-height:42px;padding:10px 15px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body :is(.btn,.acbs-icon-button,.new-tool-link,.mobile-tool-groups [data-mobile-tool],.hub-filter,.tool-filter,.goal-option,.site-nav-button,.gl-preset,.gl-favorite):not(:disabled):hover{background:var(--raised-hover)!important;border-color:#606870!important;box-shadow:inset 0 1px 0 #ffffff14,0 5px 12px #0004!important;transform:translateY(-1px)!important}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body :is(.btn,.acbs-icon-button,.new-tool-link,.mobile-tool-groups [data-mobile-tool],.site-nav-button):focus-visible{outline:2px solid var(--raised-ring)!important;outline-offset:3px}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body :is(.btn,.acbs-icon-button,.new-tool-link,.mobile-tool-groups [data-mobile-tool],.site-nav-button):not(:disabled):active{transform:translateY(1px)!important;box-shadow:inset 0 2px 6px #0005!important}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body :is(.btn,.acbs-icon-button,.hub-filter,.tool-filter,.site-nav-button):is(.active,.selected,[aria-pressed="true"]){background:var(--raised-selected)!important;border-color:#68707a!important;box-shadow:inset 0 1px 0 #ffffff18!important}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body :is(.btn,.acbs-icon-button):disabled{opacity:.4;box-shadow:none!important;cursor:not-allowed}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body .btn.primary{background:#d5ef76!important;color:#161b10!important;border-color:#d5ef76!important;box-shadow:inset 0 1px 0 #ffffff50,0 3px 10px #0003!important}
html[data-acbs-style="cinema"] body .btn.primary{background:#f5f5f5!important;color:#141618!important;border-color:#f5f5f5!important}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body .btn.primary:hover{background:#e4f7a3!important;color:#161b10!important;border-color:#e4f7a3!important}
html[data-acbs-style="cinema"] body .btn.primary:hover{background:#fff!important;color:#141618!important;border-color:#fff!important}
/* One rounded, bright icon family; no per-tool accent colors. */
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) .acbs-ui-icon{stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:1!important;width:20px;height:20px;margin-inline-end:9px;vertical-align:-.22em;filter:drop-shadow(0 1px 1px #0003)}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) :is(.acbs-tool-title,.page h1)>.acbs-ui-icon{box-sizing:content-box;width:23px;height:23px;padding:10px;background:linear-gradient(145deg,#3b4147,#2c3137);border:1px solid #4c535b;border-radius:12px;vertical-align:middle;margin-inline-end:12px}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) .new-tool-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #4c535b!important;background:linear-gradient(145deg,#3b4147,#2c3137)!important;border-radius:13px!important;color:#fff!important;flex:none}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) .new-tool-icon>.acbs-ui-icon{width:25px;height:25px;margin:0}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) .mobile-tool-groups [data-mobile-tool]{margin:5px 0;padding-inline-start:54px!important}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) .mobile-tool-groups [data-mobile-tool]>.acbs-ui-icon{top:50%;transform:translateY(-50%);width:23px;height:23px}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) .tool-folder>summary{border-radius:14px!important}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) .cc-property .btn{min-height:34px;padding:4px;border-radius:9px!important}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) :is(.cc-layer,.cc-scene) .btn{min-height:36px}
@media(prefers-reduced-motion:reduce){html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body :is(.btn,.acbs-icon-button,.new-tool-link,.site-nav-button){transition:none!important;transform:none!important}}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body #mainContent :is(.btn,.acbs-icon-button){border-radius:14px!important}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body #mainContent #motionCollagePage .btn{border-radius:12px!important;min-height:40px;font-size:12px;padding:10px 13px}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body #mainContent #motionCollagePage #ccRender{background:#d5ef76!important;color:#161b10!important;border-color:#d5ef76!important}
html[data-acbs-style="cinema"] body #mainContent #motionCollagePage #ccRender{background:#f5f5f5!important;color:#141618!important;border-color:#f5f5f5!important}
html:is([data-acbs-style="lab"],[data-acbs-style="cinema"]) body #mainContent #motionCollagePage .cc-property .btn{min-height:34px;padding:4px}