/* ACBS interface icon layer: currentColor follows Dark, Studio, and Cinema. */
.acbs-ui-icon{display:inline-block;vertical-align:-.21em;flex:none;width:1.08em;height:1.08em;margin-inline-end:.38em;overflow:visible;pointer-events:none;transform-box:fill-box;transform-origin:center;transition:transform .25s cubic-bezier(.2,.8,.25,1),opacity .25s ease}
.acbs-icon-button,.new-tool-link,.gl-preset,.gl-favorite,.background-option,.reel-modes button,.tool-folder>summary{position:relative;overflow:hidden}
.acbs-icon-button>.acbs-ui-icon{opacity:.85}
.acbs-icon-button:hover>.acbs-ui-icon,.acbs-icon-button:focus-visible>.acbs-ui-icon{transform:translateY(-2px) rotate(-5deg);opacity:1}
.acbs-icon-button:active>.acbs-ui-icon,.acbs-icon-tap>.acbs-ui-icon,.tool-card.acbs-icon-tap .acbs-tool-title>.acbs-ui-icon,.new-tool-link.acbs-icon-tap .new-tool-icon>.acbs-ui-icon{animation:acbs-icon-touch .64s cubic-bezier(.18,.8,.24,1)}
.acbs-tool-title>.acbs-ui-icon{width:.88em;height:.88em;margin-inline-end:.36em;vertical-align:-.06em;opacity:.9}
.tool-card:hover .acbs-tool-title>.acbs-ui-icon,.tool-card.acbs-icon-tap .acbs-tool-title>.acbs-ui-icon{transform:translateY(-3px) rotate(-7deg);opacity:1}
.new-tool-icon>.acbs-ui-icon{width:1.3em;height:1.3em;margin:0;vertical-align:middle}
.acbs-icon-label{position:relative;padding-inline-start:calc(var(--acbs-label-pad,0px) + 23px)!important}
.acbs-icon-label::before{content:"";position:absolute;inset-inline-start:var(--acbs-label-pad,0px);top:.1em;width:16px;height:16px;background:currentColor;opacity:.8;mask:var(--acbs-label-icon) center / contain no-repeat;-webkit-mask:var(--acbs-label-icon) center / contain no-repeat;pointer-events:none;transition:transform .22s ease,opacity .22s ease}
.acbs-icon-label:hover::before,.acbs-icon-label:focus-within::before{transform:rotate(-8deg) scale(1.13);opacity:1}
.acbs-icon-label:active::before,.acbs-icon-label.acbs-icon-tap::before{animation:acbs-icon-touch .64s cubic-bezier(.18,.8,.24,1)}
.acbs-touch-echo{position:absolute;z-index:1;aspect-ratio:1;border-radius:50%;background:currentColor;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.12);animation:acbs-touch-wave .64s cubic-bezier(.18,.68,.28,1) forwards}
.acbs-icon-tap:is(.acbs-icon-button,.gl-preset,.gl-favorite,.background-option,.reel-modes button,.tool-folder>summary){filter:brightness(1.17)}
@keyframes acbs-icon-touch{0%{transform:scale(1) rotate(0)}25%{transform:scale(.62) rotate(-18deg)}65%{transform:scale(1.38) rotate(10deg)}100%{transform:scale(1) rotate(0)}}
@keyframes acbs-touch-wave{0%{opacity:.26;transform:translate(-50%,-50%) scale(.12)}45%{opacity:.16}100%{opacity:0;transform:translate(-50%,-50%) scale(1.85)}}
@media(max-width:600px){.acbs-ui-icon{width:1em;height:1em;margin-inline-end:.3em}.acbs-tool-title>.acbs-ui-icon{width:.85em;height:.85em}}
@media(prefers-reduced-motion:reduce){.acbs-ui-icon,.acbs-icon-label::before{transition:none!important;animation:none!important;transform:none!important}.acbs-touch-echo{display:none!important}.acbs-icon-tap{filter:none!important}}

/* Tool chooser icons share the site's existing monochrome icon system. */
.mobile-tool-groups summary>.acbs-ui-icon{width:21px;height:21px;margin:0 10px 0 0;opacity:.85}
.mobile-tool-groups .mobile-folder-label{flex:1;min-width:0;font:inherit;overflow-wrap:anywhere}
.mobile-tool-groups [data-mobile-tool]{padding-inline-start:52px}
.mobile-tool-groups [data-mobile-tool]>.acbs-ui-icon{position:absolute;inset-inline-start:16px;top:16px;width:22px;height:22px;margin:0;opacity:.9}