.studio-select{--select-bg:var(--surface);--select-text:var(--text);--select-muted:var(--text-secondary);--select-line:var(--border-control);--select-accent:var(--accent-fg);--select-soft:var(--accent-soft);color:var(--select-text);min-width:0;width:100%}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;width:100%;text-align:start;padding:12px 16px;border:1px solid var(--select-line);border-radius:12px;background:var(--select-bg);color:inherit;font:inherit;cursor:pointer;transition:border-color 140ms,background 140ms}
.select-trigger:hover{border-color:var(--select-accent)}.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger:focus-visible,.select-segmented button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.select-segmented{display:flex;flex-wrap:wrap;gap:8px}.select-segmented button{flex:1 1 auto;min-height:48px;min-width:48px;padding:10px 14px;border:1px solid var(--select-line);border-radius:12px;color:inherit;background:var(--select-bg);font:inherit;cursor:pointer;transition:background 140ms}
.select-segmented [aria-checked=true]{border-color:var(--select-accent);background:var(--select-soft);color:var(--select-accent)}
.select-dialog{color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:24px;width:min(480px,calc(100vw - 32px));max-height:80dvh;margin:auto;padding:20px;box-shadow:var(--shadow);animation:select-in 220ms cubic-bezier(.16,1,.3,1)}
.select-dialog::backdrop{background:color-mix(in srgb,var(--black) 60%,transparent);backdrop-filter:blur(5px)}.select-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.select-head h2{font-size:20px;margin:0}.select-close{min-width:44px;min-height:44px;font:inherit;font-size:24px;background:transparent;border:0;color:inherit;cursor:pointer}.select-search{display:block;width:100%;font:inherit;font-size:16px;min-height:48px;padding:12px;border:1px solid var(--border-control);border-radius:12px;color:inherit;background:var(--surface);margin-bottom:12px}
.select-dialog [role=listbox]{overflow:auto;max-height:48dvh;outline-offset:2px}.select-option{display:flex;align-items:center;gap:12px;padding:14px 12px;min-height:56px;border-radius:12px;cursor:pointer;text-align:start}.select-option-copy{display:grid;gap:4px;flex:1}.select-option small{font-size:12px;color:var(--text-secondary)}.select-option:hover,.select-option.is-active{background:var(--surface-hover)}.select-option[aria-selected=true]{background:var(--accent-soft);color:var(--accent-fg)}.select-check{visibility:hidden}.select-option[aria-selected=true] .select-check{visibility:visible}.select-option[aria-disabled=true]{opacity:.5;cursor:default}.select-group{font-size:12px;color:var(--text-secondary);padding:16px 12px 4px}.select-done{font:inherit;width:100%;min-height:48px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-text);margin-top:12px;cursor:pointer}.select-option[hidden],.select-empty[hidden],.select-group[hidden]{display:none}.studio-select:has(button:disabled){opacity:.65}
@keyframes select-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.select-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:100%;margin:0;border-radius:28px 28px 0 0;border-bottom:0;padding:20px 20px max(24px,env(safe-area-inset-bottom));max-height:85dvh}.select-option{min-height:60px}.select-dialog [role=listbox]{max-height:52dvh}}
@media(prefers-reduced-motion:reduce){.studio-select *,.select-dialog{animation:none!important;transition:none!important}}