.custom-select{display:block;position:relative;min-width:0;width:100%;font:inherit}
.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:11px;width:100%;min-width:0;min-height:39px;margin:0;padding:9px 11px;border:1px solid #e1e1e1;border-radius:11px;background:#fff;color:#222;text-align:left;line-height:1.5;font:inherit;box-shadow:none}
.custom-select-trigger .custom-select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.custom-select-trigger>svg{display:block;flex:none;color:#777;transition:transform .15s}
.custom-select-trigger:not(:disabled):hover{border-color:#bebebe;background:#fafafa;box-shadow:0 2px 7px #00000005}
.custom-select-trigger[aria-expanded=true]{border-color:#999;background:#fff;box-shadow:0 0 0 3px #11111106}
.custom-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.custom-select-trigger:focus-visible{outline:2px solid #666;outline-offset:3px}
.custom-select-trigger:disabled{opacity:.4;cursor:default}
.setting-select>.custom-select{width:96px;flex:none}
.setting-select .custom-select-trigger{padding:6px 9px;min-height:34px}
.setting-select .custom-select-value{font-size:12px}
#editor .custom-select-trigger{font-size:13px;min-height:39px;padding:9px 11px}
.custom-select-popover{position:fixed;z-index:120;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;padding:6px;border:1px solid #dedede;border-radius:15px;background:#fff;box-shadow:0 8px 32px #00000014,0 2px 6px #00000006;overflow:hidden;animation:surface-appear .12s ease-out;overscroll-behavior:contain}
.custom-select-options{position:relative;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1d1d1 transparent}
.custom-select-option{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;padding:8px 10px;border-radius:9px;color:#444;font:13px/1.5 "Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer;user-select:none;outline:none}
.custom-select-option>span{min-width:0;overflow-wrap:anywhere}
.custom-select-option>svg{flex:none;visibility:hidden;color:#111}
.custom-select-option.selected{font-weight:600;color:#111}
.custom-select-option.selected>svg{visibility:visible}
.custom-select-option.active{background:#efefef;color:#111}
.custom-select-option[aria-disabled=true]{opacity:.35;cursor:not-allowed;background:transparent}
.custom-select-popover .custom-select-search{flex:none;display:block;width:100%;height:38px;min-height:38px;margin:0;padding:8px 10px;border:1px solid #e4e4e4;border-radius:10px;background:#fafafa;font-size:13px;line-height:1.5;color:#222;outline:none}
.custom-select-popover .custom-select-search:focus{border-color:#aaa;box-shadow:none;background:#fff}
.custom-select-search::-webkit-search-cancel-button{appearance:none}
.custom-select-group{padding:9px 10px 4px;color:#888;font-size:11px;font-weight:500}
.custom-select-empty{padding:14px 10px;text-align:center;color:#888;font-size:12px}
@media screen and (max-width:760px){
 .custom-select-trigger,#editor .custom-select-trigger{min-height:42px;padding:9px 11px}
 .custom-select-trigger .custom-select-value{font-size:16px}
 .setting-select .custom-select-trigger{min-height:40px;padding:7px 9px}
 .setting-select .custom-select-value{font-size:14px}
 .custom-select-popover{padding:6px;border-radius:16px}
 .custom-select-option{min-height:42px;padding:10px 12px;font-size:14px}
 .custom-select-popover .custom-select-search{height:42px;min-height:42px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.custom-select-trigger>svg{transition:none}.custom-select-popover{animation:none}}
@media print{.custom-select-popover{display:none!important}}
