/* 站内下拉的弹出列表（js/ui-select.js）。长相照画布胶囊菜单 .nc-pill-menu：圆角浮层、34px 一行、选中打勾。
   颜色从 select 所在那块读出来塞进 --uis-*，所以 3D 工作室那套自己的配色也对得上。 */
.ui-select-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:1px;min-width:120px;max-width:min(420px,calc(100vw - 16px));
  max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:5px;margin:0;
  border:1px solid var(--uis-line);border-radius:12px;background:var(--uis-bg);color:var(--uis-fg);
  box-shadow:0 14px 36px #0000003d,0 2px 6px #0000001a;font-size:13px;line-height:1.4;text-align:left;
  scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--uis-fg) 25%,transparent) transparent;
  animation:ui-select-in .12s cubic-bezier(.2,0,0,1)}
.ui-select-menu.is-up{animation-name:ui-select-up}
.ui-select-menu [role="option"]{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-height:34px;padding:6px 10px;border-radius:8px;
  color:var(--uis-dim);cursor:pointer;white-space:nowrap;user-select:none}
.ui-select-menu [role="option"]>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ui-select-menu [role="option"].is-active{background:color-mix(in srgb,var(--uis-fg) 9%,transparent);color:var(--uis-fg)}
.ui-select-menu [role="option"][aria-selected="true"]{color:var(--uis-fg);font-weight:550}
.ui-select-menu [role="option"]>.ui-icon{width:14px;height:14px;flex:0 0 14px;color:var(--uis-acc);visibility:hidden}
.ui-select-menu [role="option"][aria-selected="true"]>.ui-icon{visibility:visible}
.ui-select-menu [role="option"][aria-disabled="true"]{opacity:.42;cursor:default}
.ui-select-group{padding:8px 10px 4px;color:var(--uis-dim);font-size:11px;font-weight:550;opacity:.8}
.ui-select-group:not(:first-child){margin-top:4px;border-top:1px solid var(--uis-line)}
@keyframes ui-select-in{from{opacity:0;transform:translateY(-4px)}}
@keyframes ui-select-up{from{opacity:0;transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.ui-select-menu{animation:none}}
@media(max-width:600px){.ui-select-menu [role="option"]{min-height:40px;font-size:14px}}

/* 打开时收起箭头翻过来，看得出是哪一个开着 */
.selwrap:has(>select.ui-select-open)::after,.fw-opts .sw2:has(>select.ui-select-open)::after{transform:rotate(225deg);margin-top:-1px}

/* 有些地方的 select 被全局的 appearance:none 抹掉了箭头又没人补（创作工具、弹窗、3D 工作室那几处原来还是系统箭头），
   看着像个输入框。统一补一个画出来的箭头；selwrap / 提示条 / 胶囊自己画了的不动。 */
:is(.cs-field,.cs-actions,.wb-dialog,.fw-modal-body,.wb-canvas-tools,.wb-library-tools,#os3d) select:not([multiple]):not([size]),
#cs-tool-switch,.ct-results-toolbar .ct-kind-filter{
  appearance:none;-webkit-appearance:none;padding-right:30px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8f9a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:13px 13px}
#os3d select:not([multiple]):not([size]){padding-right:24px;background-position:right 6px center;background-size:12px 12px}