.ou-picker { display:flex; flex-direction:column; gap:10px; }
.ou-lvl { display:flex; flex-direction:column; gap:4px; }
.ou-lvl-lbl { font-size:12px; font-weight:600; color:#a0a8b4; letter-spacing:.02em; }
.ou-sel {
  appearance:none; -webkit-appearance:none;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  color:#f5f5f7; padding:10px 12px; border-radius:8px; font:inherit; font-size:14px;
  cursor:pointer; transition:border-color .2s;
}
.ou-sel:hover { border-color:rgba(255,255,255,.2); }
.ou-sel:focus { outline:none; border-color:#A78BFA; }
.ou-path { padding:10px 12px; border-radius:8px; background:rgba(167,139,250,.1); border:1px solid rgba(167,139,250,.25); font-size:13px; color:#f5f5f7; margin-top:6px; }
.ou-path b { color:#A78BFA; font-weight:700; }
.ou-hint { font-size:12px; color:#FF9F0A; padding:6px 0; }
.ou-loading { padding:12px; font-size:13px; color:#a0a8b4; text-align:center; }
.ou-err { padding:12px; font-size:13px; color:#FF453A; }
.ou-readonly { padding:10px 12px; border-radius:8px; background:rgba(34,211,238,.08); border:1px solid rgba(34,211,238,.2); font-size:14px; }
.ou-readonly b { color:#22D3EE; font-weight:700; }