.ss-wrapper{width:100%;position:relative}.ss-backdrop{z-index:999;background:0 0;position:fixed;inset:0}.ss-trigger{box-sizing:border-box;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);width:100%;color:var(--color-input-text);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);z-index:1000;justify-content:space-between;align-items:center;gap:.5rem;padding:8px 12px;font-size:.875rem;line-height:1.5;display:flex;position:relative}.ss-trigger:hover{border-color:var(--color-border-strong)}.ss-trigger:focus-visible{border-color:var(--color-focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus-ring) 35%, transparent);outline:none}.ss-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ss-trigger-chevron{color:var(--color-text-secondary);flex-shrink:0;font-size:.6rem}.ss-panel{z-index:1000;background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);flex-direction:column;animation:.12s ease-out ss-in;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}@keyframes ss-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ss-search{box-sizing:border-box;border:none;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);width:100%;color:var(--color-text-primary);outline:none;padding:8px 12px;font-size:.875rem}.ss-search::placeholder{color:var(--color-text-placeholder,var(--color-text-secondary))}.ss-list{max-height:240px;padding:.25rem;overflow-y:auto}.ss-item{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;padding:7px 10px;font-size:.875rem;display:block}.ss-item:hover{background-color:var(--color-surface-tonal)}.ss-item--selected{background-color:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);font-weight:500}.ss-item--selected:hover{background-color:color-mix(in srgb, var(--color-accent) 20%, transparent)}.ss-empty{color:var(--color-text-secondary);text-align:center;padding:12px 10px;font-size:.875rem}