.sb-select{position:relative;display:grid;gap:8px;min-width:0;max-width:340px;flex:1;font-size:var(--type-label,13px)}
.sb-select>span{color:var(--text-secondary);font-weight:600}
.sb-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:48px;padding:0 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-raised);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}
.sb-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-select-trigger>.icon{flex:none;width:16px;height:16px;color:var(--text-muted);transition:transform .2s}
.sb-select-trigger[aria-expanded=true]>.icon{transform:rotate(180deg)}
.sb-select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sb-select-trigger[aria-expanded=true]{border-color:var(--accent)}
.sb-select-options{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;max-height:240px;overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-raised);box-shadow:0 16px 40px #0008}
.sb-select-options[hidden]{display:none}
.sb-select-options>[role=option]{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px;border-radius:8px;color:var(--text-primary);cursor:pointer}
.sb-select-options>[role=option]>span{min-width:0;overflow-wrap:anywhere;flex:1}
.sb-select-options .icon{width:18px;height:18px;flex:none;color:var(--text-muted)}
.sb-select-options>[role=option]>.icon:last-child{visibility:hidden;color:var(--accent)}
.sb-select-options>[aria-selected=true]{background:color-mix(in srgb,var(--accent) 12%,var(--surface-raised))}
.sb-select-options>[aria-selected=true]>.icon:last-child{visibility:visible}
.sb-select-options>[role=option]:hover,.sb-select-options>.is-highlighted{background:var(--surface-hover);outline:1px solid var(--border-strong);outline-offset:-1px}

.sb-select,.sb-input{box-sizing:border-box;font-family:var(--font,inherit);width:100%;max-width:340px}
.sb-select *,.sb-input *{box-sizing:border-box}
.sb-select-trigger{min-width:0}
.sb-select-options .icon{display:inline-block}
.sb-select-trigger:disabled,.sb-input input:disabled{opacity:.5;cursor:not-allowed}
.sb-select-options>[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.sb-input{display:grid;gap:8px;min-width:0;font-size:var(--type-label,13px)}
.sb-input>span{color:var(--text-secondary);font-weight:600}
.sb-input input{width:100%;min-width:0;height:48px;padding:0 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-raised);color:var(--text-primary);font:inherit}
.sb-input input:focus{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)}
.sb-input input::placeholder{color:var(--text-muted)}
@media(prefers-reduced-motion:reduce){.sb-select-trigger>.icon{transition:none}}