.option-picker{flex:none;position:relative}.option-picker summary{justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--line);background:var(--bg);min-width:112px;min-height:34px;color:var(--text);font-size:var(--text-sm);cursor:pointer;border-radius:7px;padding:6px 10px;list-style:none;display:inline-flex}.option-picker summary::-webkit-details-marker{display:none}.option-picker summary svg{color:var(--muted);transition:transform .12s}.option-picker[open] summary svg{transform:rotate(180deg)}.option-picker summary:hover,.option-picker[open] summary{border-color:var(--muted)}.option-picker.wide,.option-picker.wide summary{width:100%}.option-picker.wide summary{min-height:38px;padding:8px 10px}.option-picker.wide .option-list{width:100%;max-height:320px;left:0;right:auto;overflow-y:auto}.option-picker.disabled summary{cursor:not-allowed;opacity:.45}.option-list{box-sizing:border-box;z-index:10;min-inline-size:0;border:1px solid var(--line);background:var(--surface-raised);border-radius:10px;min-width:248px;margin:0;padding:5px;position:absolute;top:calc(100% + 6px);right:0;overflow-x:hidden;box-shadow:0 8px 24px #0004}.option-picker .option-list label{color:var(--text);font-size:var(--text-sm);align-items:center;gap:var(--space-3);cursor:pointer;border-radius:6px;padding:8px 10px;display:flex}.option-list label:hover,.option-list label:focus-within{background:var(--surface-hover)}.option-list label:has(:focus-visible){outline:2px solid var(--muted);outline-offset:-2px}.option-picker .option-list input{opacity:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.option-list span{flex-direction:column;gap:2px;display:flex}.option-list strong{font-size:var(--text-sm);font-weight:500}.option-list small{color:var(--muted);font-size:var(--text-xs)}.option-list svg{flex-shrink:0;margin-left:auto}