/* Shared by the original and creation areas. All colors follow Diezhan tokens. */
.model-option-content{display:block;min-width:0;width:100%}
.model-option-name{display:block;padding-right:12px;font-size:13px;font-weight:600;line-height:19px;white-space:normal;overflow-wrap:anywhere}
.model-option-badges{display:flex;flex-wrap:nowrap;align-items:center;gap:3px;min-width:0;margin-top:3px;overflow-x:auto;scrollbar-width:thin}
.model-option-badge{display:inline-block;flex:none;max-width:100%;box-sizing:border-box;padding:0 3px;border-radius:3px;font-size:11px;font-weight:500;line-height:17px;white-space:nowrap;overflow-wrap:normal}
.model-option-billing{color:var(--dz-accent);background:var(--dz-accent-soft)}
.model-option-time{color:var(--dz-ref-character);background:color-mix(in srgb,var(--dz-ref-character) 9%,var(--dz-surface))}
.model-option-references{color:var(--dz-success);background:color-mix(in srgb,var(--dz-success) 9%,var(--dz-surface))}
.model-option-remark{display:block;max-width:100%;margin-top:4px;color:var(--dz-muted);font-size:11px;font-weight:400;line-height:17px;white-space:normal;overflow-wrap:anywhere}
.video-model-menu [role="option"],.studio-select-menu [role="option"]:has(.model-option-content){padding:8px 30px 8px 9px;border:1px solid transparent;border-radius:6px}
.video-model-menu [role="option"][aria-selected="true"],.studio-select-menu [role="option"][aria-selected="true"]:has(.model-option-content){background:var(--dz-accent-soft);border-color:color-mix(in srgb,var(--dz-accent) 40%,var(--dz-border));color:var(--dz-accent)}
.video-model-menu [role="option"].active,.studio-select-menu [role="option"].is-active:has(.model-option-content){outline:1px solid var(--dz-border);outline-offset:-1px}
.studio-select-menu [role="option"]:has(.model-option-content){position:relative;display:block}
.studio-select-menu [role="option"]:has(.model-option-content)>.studio-select-check{position:absolute;right:9px;top:11px}

/* Approved model menu: one pinned search/filter area and compact model rows. */
.model-search-header{position:sticky;top:-5px;z-index:3;background:var(--dz-elevated);padding:5px 0 8px}
.model-search-header .model-search-input{position:static;margin:0 0 8px;padding:9px 10px;background:var(--dz-page);font-size:12px}
.model-family-filters{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.model-family-filters button{border:1px solid var(--dz-border);border-radius:5px;background:var(--dz-surface);color:var(--dz-muted);padding:3px 8px;font-size:11px;line-height:1.6;font-family:inherit;cursor:pointer}
.model-family-filters button[aria-pressed="true"]{color:var(--dz-accent);border-color:var(--dz-accent);background:var(--dz-accent-soft)}
.video-model-menu,.studio-select-menu:has(.model-search-header){background:var(--dz-elevated);padding:7px;border-radius:9px}

/* Header and list have separate layout/paint regions: rows cannot bleed above search. */
.app-select-menu.model-select-split,.studio-select-menu.model-select-split{display:flex;flex-direction:column;overflow:hidden;padding:0;isolation:isolate}
.model-select-split>.model-search-header{position:relative;top:auto;flex:none;z-index:1;box-sizing:border-box;margin:0;padding:8px;background:var(--dz-elevated);border-bottom:1px solid var(--dz-border)}
.model-select-split>.model-menu-options{position:relative;min-height:0;min-width:0;flex:0 1 auto;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dz-border) transparent;padding:5px 7px 7px;scroll-padding:5px;box-sizing:border-box}

.model-option-success{color:var(--dz-ref-character);background:color-mix(in srgb,var(--dz-ref-character) 9%,var(--dz-surface))}

.model-option-references.model-option-unavailable{color:var(--dz-muted);background:var(--dz-subtle)}