.studio .studio-select { position:relative; display:block; min-width:0; width:100%; }
.studio .studio-select[hidden] { display:none; }
.studio .studio-select select.studio-select-native { position:absolute; inset:0; width:100%; height:100%; min-width:0; max-width:none; opacity:0; pointer-events:none; margin:0; }
.studio .studio-select-trigger { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; min-width:0; min-height:44px; padding:10px 13px; border:1px solid var(--studio-border); border-radius:11px; background:#f8faf7; color:var(--studio-ink); text-align:left; font:inherit; font-size:14px; font-weight:500; line-height:1.5; box-shadow:none; cursor:pointer; transition:background .15s,border-color .15s,box-shadow .15s; }
.studio .studio-select-caption { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio .studio-select-arrow { width:7px; height:7px; flex:none; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:translateY(-2px) rotate(45deg); opacity:.65; margin:0 3px; }
.studio .studio-select-trigger:hover:not(:disabled) { border-color:var(--studio-deep); background:var(--panel); }
.studio .studio-select-trigger[aria-expanded=true] { border-color:var(--studio-deep); box-shadow:0 0 0 3px var(--studio-soft); background:var(--panel); }
.studio .studio-select-trigger[aria-expanded=true] .studio-select-arrow { transform:translateY(2px) rotate(225deg); }
.studio .studio-select-trigger:focus-visible { outline:2px solid var(--studio-deep); outline-offset:3px; }
.studio .studio-select-trigger:disabled { opacity:1; color:var(--studio-muted); background:var(--soft); cursor:not-allowed; }
.studio .studio-select-trigger[aria-invalid=true] { border-color:#b65b51; }
.studio .studio-select-error { display:block; margin-top:6px; color:#a3453e; font-size:12px; line-height:1.5; }
.studio .compact-field .studio-select { width:190px; max-width:100%; }
.studio .compact-field .studio-select-trigger { min-height:40px; font-size:12px; padding:8px 12px; }
.studio .family-child-picker .studio-select { width:180px; max-width:100%; }
.studio .family-child-picker .studio-select-trigger { min-height:40px; font-size:12px; padding:8px 11px; }
.studio .studio-select-menu { position:fixed; inset:auto; z-index:1500; display:block; box-sizing:border-box; margin:0; padding:6px; overflow-y:auto; overscroll-behavior:contain; border:1px solid var(--studio-border); border-radius:14px; background:var(--panel); color:var(--studio-ink); box-shadow:0 12px 36px #20352e24,0 2px 6px #20352e0a; font-family:var(--font); font-size:13px; line-height:1.5; scrollbar-width:thin; scrollbar-color:#ccd8ce transparent; }
.studio .studio-select-option { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:10px 12px; border-radius:9px; cursor:pointer; }
.studio .studio-select-option>span:first-child { min-width:0; overflow-wrap:anywhere; }
.studio .studio-select-option[aria-selected=true] { color:var(--studio-deep); background:var(--studio-soft); font-weight:650; }
.studio .studio-select-option.is-active { box-shadow:inset 0 0 0 1px var(--studio-deep); }
.studio .studio-select-option:hover:not([aria-disabled=true]) { background:var(--studio-soft); color:var(--studio-deep); }
.studio .studio-select-option[aria-disabled=true] { opacity:.45; cursor:not-allowed; }
.studio .studio-select-check { flex:none; width:16px; text-align:center; visibility:hidden; font-size:15px; }
.studio .studio-select-option[aria-selected=true] .studio-select-check { visibility:visible; }
.studio .studio-select-group { padding:9px 12px 5px; color:var(--studio-muted); font-size:11px; }
@media(forced-colors:active) { .studio .studio-select-option.is-active { outline:1px solid Highlight; outline-offset:-2px; }.studio .studio-select-option[aria-selected=true] { border:1px solid Highlight; } }
@media(prefers-reduced-motion:reduce) { .studio .studio-select-trigger { transition:none; } }