.studio-select { position: relative; display: inline-flex; width: 100%; min-width: 0; vertical-align: middle; }
.studio-select > select.studio-select-native { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; opacity: 0; pointer-events: none; clip-path: inset(50%); }
.studio-select > .studio-select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; min-height: 46px; padding: 11px 13px; border: 1px solid #dce3dd; border-radius: 11px; background: #fff; color: #304536; font: inherit; font-size: 14px; line-height: 1.5; text-align: left; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; touch-action: manipulation; }
.studio-select-trigger:hover:not(:disabled) { border-color: #a8b9ac; background: #fcfdfb; }
.studio-select-trigger:focus-visible, .studio-select-trigger[aria-expanded="true"] { outline: none; border-color: #71957c; box-shadow: 0 0 0 3px #62816a14; }
.studio-select-trigger:disabled { opacity: .48; cursor: default; }
.studio-select-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio-select-chevron { width: 16px; height: 16px; flex: none; color: #8a998e; transition: transform .15s; }
.studio-select-trigger[aria-expanded="true"] .studio-select-chevron { transform: rotate(180deg); color: #486e53; }
.studio-select-menu { position: fixed; inset: auto; z-index: 1200; box-sizing: border-box; margin: 0; padding: 6px; overflow: hidden; border: 1px solid #e1e7e1; border-radius: 14px; background: #fff; color: #304536; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; box-shadow: 0 14px 44px -12px #233c2b30, 0 3px 10px #233c2b08; }
.studio-select-menu[hidden] { display: none !important; }
.studio-select-menu::backdrop { background: transparent; }
.studio-select-caption { padding: 7px 10px 9px; color: #8b978e; font-size: 11px; letter-spacing: .2px; }
.studio-select-list { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #d9e2da transparent; }
.studio-select-option { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 42px; padding: 10px 11px; margin: 2px 0; border-radius: 8px; color: #4b5c50; cursor: pointer; line-height: 1.5; overflow-wrap: anywhere; }
.studio-select-option[data-active="true"] { background: #f2f5f1; color: #304b39; }
.studio-select-option[aria-selected="true"] { color: #365f43; background: #edf4ed; font-weight: 550; }
.studio-select-option[aria-disabled="true"] { opacity: .4; cursor: default; }
.studio-select-option svg { width: 16px; height: 16px; flex: none; visibility: hidden; color: #527b5c; }
.studio-select-option[aria-selected="true"] svg { visibility: visible; }
.studio-model-picker .studio-select-trigger, .studio-thinking-picker .studio-select-trigger { min-height: 36px; padding: 7px 9px; gap: 7px; border-color: transparent; border-radius: 9px; background: #f3f5f2; color: #455348; font-size: 12px; }
.studio-model-picker .studio-select-trigger:hover:not(:disabled), .studio-thinking-picker .studio-select-trigger:hover:not(:disabled) { background: #eaf0e8; border-color: #dce5d9; }
.studio-thinking-picker .studio-select { width: auto; min-width: 70px; }
.studio-thinking-picker .studio-select-trigger { white-space: nowrap; }
.creation-model-row > .studio-select { flex: 0 1 220px; max-width: 100%; }
.creation-model-row .studio-select-trigger { min-height: 38px; padding: 8px 11px; font-size: 12px; }
.user-search > .studio-select { width: 132px; flex: 0 0 132px; }
.user-search .studio-select-trigger { min-height: 42px; padding: 9px 11px; font-size: 12px; }
@media (max-width: 640px) {
  .studio-select > .studio-select-trigger { min-height: 46px; }
  .studio-model-picker .studio-select-trigger, .studio-thinking-picker .studio-select-trigger { min-height: 38px; font-size: 12px; }
  .studio-select-option { min-height: 46px; padding-top: 12px; padding-bottom: 12px; }
  .user-search > .studio-select { width: 100%; min-width: 0; }
  .user-search .studio-select-trigger { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .studio-select-trigger, .studio-select-chevron { transition: none; } }
@media (forced-colors: active) {
  .studio-select-trigger:focus-visible, .studio-select-trigger[aria-expanded="true"] { outline: 2px solid Highlight; }
  .studio-select-option[data-active="true"] { outline: 1px solid Highlight; outline-offset: -1px; }
  .studio-select-option[aria-selected="true"] { color: Highlight; }
}