/* Panels and options inherit the actual navbar rules in clico/shell.css. */
.tool-select{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:36px;min-height:36px;margin-top:7px;padding:0 14px;border:1px solid #dde2e9;border-radius:7px;background:#fff;color:#24314b;font-size:12px;font-weight:400;text-align:left}
.tool-select>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tool-select>svg{flex:none;width:10px;height:7px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.tool-select[aria-expanded=true]>svg{transform:rotate(180deg)}
.tool-select:disabled{opacity:.4;cursor:default}
[data-clico-shell].tool-menu-layer{position:fixed;inset:0;background:transparent;pointer-events:none}
[data-clico-shell].tool-menu-layer .tool-select-panel{display:none;position:fixed;inset:auto;margin:0;overflow:auto;overscroll-behavior:contain;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1),display .22s allow-discrete,overlay .22s allow-discrete}
[data-clico-shell].tool-menu-layer .tool-select-panel:popover-open{display:grid;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
[data-clico-shell].tool-menu-layer [role=option]{width:100%;border:0;background:transparent;cursor:pointer;font-family:inherit;font-weight:400;text-align:left}
[data-clico-shell].tool-menu-layer [role=option][aria-selected=true],[data-clico-shell].tool-menu-layer [role=option].is-active{color:var(--color-primary);background:rgba(216,230,251,.7)}
[data-clico-shell].tool-menu-layer [role=option][aria-selected=true]::after{content:'';width:5px;height:9px;margin-left:auto;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
@starting-style{[data-clico-shell].tool-menu-layer .tool-select-panel:popover-open{opacity:0;transform:translate(-50%,-8px)}}
@media(max-width:620px){.export-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.export-settings>label:first-child{grid-column:1/-1}.tool-select{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tool-select>svg,[data-clico-shell].tool-menu-layer .tool-select-panel{transition:none!important}}