.ob-picker-wrap{position:relative}.ob-picker-trigger{border:1px solid var(--hairline-strong);border-radius:7px;background:var(--bg-surface);padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;min-height:46px;text-align:left;cursor:pointer;color:var(--ink-1000)}.ob-picker-trigger:focus-visible{outline:2px solid var(--green-300);outline-offset:1px}.ob-picker-values{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.ob-picker-chip{font-size:11px;line-height:1.7;background:var(--green-50);border:1px solid var(--green-200);padding:2px 7px;border-radius:4px;color:var(--green-700)}.ob-picker-placeholder{font-size:12px;color:var(--ink-500);font-weight:400}.ob-picker-caret{color:var(--ink-500);flex-shrink:0}.ob-picker-panel{position:absolute;top:calc(100% + 7px);left:0;right:0;background:var(--bg-surface);z-index:30;border:1px solid var(--hairline-strong);box-shadow:0 10px 30px rgba(21,46,23,.14);border-radius:9px;overflow:hidden}.ob-picker-options{max-height:230px;overflow:auto;padding:3px 6px 8px;overscroll-behavior:contain;margin:0;list-style:none}.ob-picker-option{display:flex;align-items:center;gap:10px;padding:9px;border-radius:5px;cursor:pointer;font-size:12px;color:var(--ink-1000);width:100%;background:none;border:0;text-align:left}.ob-picker-option:hover{background:var(--ink-100)}.ob-picker-option[aria-selected=true]{background:var(--green-50);color:var(--green-700)}.ob-picker-option[disabled]{opacity:.45;cursor:not-allowed}.ob-picker-option[disabled]:hover{background:none}.ob-picker-limit{font-size:10px;color:var(--ink-500);border-top:1px solid var(--hairline);padding:9px 14px;background:var(--bg-canvas);margin:0}@media(max-width:600px){.ob-picker-panel{position:fixed;top:auto;left:12px;right:12px;bottom:88px;max-height:65dvh}}