.story-select { position: relative; min-width: 0; }
.story-select.is-open { z-index: 5; }
.story-select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-width: 0; min-height: 44px; padding: 11px 16px; border: 1px solid rgb(255 255 255 / 8%); border-radius: 8px; background: rgb(255 255 255 / 4%); color: #fff; font: 13px/1.5 var(--font-ui); text-align: left; cursor: pointer; }
.story-select-trigger:hover { border-color: rgb(255 255 255 / 20%); }
.story-select-trigger:focus-visible, .story-select-option:focus-visible { outline: 2px solid rgb(255 255 255 / 45%); outline-offset: 2px; }
.story-select-trigger:disabled { cursor: wait; opacity: .55; }
.story-select-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.story-select-chevron { flex: 0 0 16px; color: var(--text-secondary); }
.story-select-menu { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 10; max-height: 220px; overflow-y: auto; overscroll-behavior: contain; padding: 5px; border: 1px solid rgb(255 255 255 / 13%); border-radius: 9px; background: #29262e; box-shadow: 0 10px 26px rgb(0 0 0 / 30%); scrollbar-width: thin; }
.story-select-menu[hidden] { display: none; }
.story-select-option { display: block; width: 100%; min-height: 38px; padding: 9px 11px; border: 0; border-radius: 5px; background: transparent; color: var(--text-secondary); font: 13px/1.5 var(--font-ui); text-align: left; overflow-wrap: anywhere; cursor: pointer; }
.story-select-option:hover, .story-select-option:focus-visible { background: rgb(255 255 255 / 8%); color: #fff; }
.story-select-option[aria-selected="true"] { background: rgb(255 255 255 / 10%); color: #fff; }
.story-select-option.is-action { color: #fff; }
.custom-select-native { display: none !important; }
.story-select-option:disabled { opacity: .4; cursor: not-allowed; }
.story-select-trigger[aria-invalid="true"] { border-color: #f1a5ac; }
.model-picker:has(.custom-select) { padding: 0; background: transparent; }
.model-picker:has(.custom-select) > img { display: none; }
.model-picker .custom-select { width: 220px; }
.model-picker .story-select-trigger { min-height: 40px; font-size: 13px; font-weight: 600; }
.builder-field .story-select-trigger { min-height: 51px; font-size: 14px; background: rgb(255 255 255 / 5%); }
.model-field .story-select-trigger { background: rgb(255 255 255 / 6%); font-size: 14px; border-color: transparent; }