/* Shared dropdown presentation. Native selects retain their own interaction. */
select:not([multiple]):is(:not([size]),[size="1"]){
 -webkit-appearance:none;appearance:none;
 padding-inline-end:44px!important;
 background-image:url("./assets/ui/chevron-down.svg")!important;
 background-position:right 14px center!important;
 background-size:16px 16px!important;
 background-repeat:no-repeat!important;
}
select:not([multiple]):is(:not([size]),[size="1"]):dir(rtl){background-position:left 14px center!important}
.tools-folder>summary::after{
 content:"";display:block;flex:0 0 16px;inline-size:16px;block-size:16px;align-self:center;
 background-color:currentColor;
 -webkit-mask:url("./assets/ui/chevron-down.svg") center/16px 16px no-repeat;
 mask:url("./assets/ui/chevron-down.svg") center/16px 16px no-repeat;
 transform-origin:center;transition:transform 140ms ease;
}
.tools-folder[open]>summary::after{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.tools-folder>summary::after{transition:none}}
@media(forced-colors:active){
 select:not([multiple]):is(:not([size]),[size="1"]){-webkit-appearance:auto;appearance:auto;background-image:none!important}
 .tools-folder>summary::after{background-color:ButtonText}
}