.opui .op-site-picker{position:relative;flex:1 1 360px;min-width:0;max-width:680px}
.opui .op-site-picker>label{display:block;margin:0 0 6px;font-size:12px;font-weight:700;color:var(--mut)}
.opui .op-site-control{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;min-width:0}
.opui .op-site-control:focus-within{outline:2px solid var(--op-brand,var(--brand));outline-offset:2px}
.opui .op-site-control input.in{width:100%;min-width:0;flex:1;border:0;background:transparent;box-shadow:none;outline:none;padding:12px;font-size:14px}
.opui .op-site-control button{flex:0 0 36px;align-self:stretch;border:0;background:transparent;color:var(--mut);font:inherit;font-size:22px;border-radius:8px;cursor:pointer}
.opui .op-site-control button:hover{background:var(--soft);color:var(--ink)}
.opui .op-site-current{font-size:12px;color:var(--mut);margin:6px 0 0;line-height:1.4;overflow-wrap:anywhere}
.opui .op-site-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0002;overflow:hidden}
.opui .op-site-panel[hidden]{display:none}
.opui .op-site-count{padding:10px 12px;font-size:12px;color:var(--mut);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.opui .op-site-list{max-height:min(320px,45vh);overflow:auto;overscroll-behavior:contain}
.opui .op-site-list>[role=option]{display:block;position:relative;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid var(--line);background:var(--card);font:inherit;color:var(--ink);cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.opui .op-site-list>[role=option]:hover,.opui .op-site-list>[role=option].active{background:var(--op-soft,var(--soft));box-shadow:inset 3px 0 var(--op-brand,var(--brand))}
.opui .op-site-list>[aria-selected=true]{background:var(--op-soft,var(--soft))}
.opui .op-site-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;line-height:1.4}
.opui .op-site-name strong{font-size:14px;min-width:0}
.opui .op-site-code{font-size:11px;font-weight:700;color:var(--mut);font-variant-numeric:tabular-nums}
.opui .op-site-list small{display:block;margin-top:3px;font-size:12px;color:var(--mut);line-height:1.4}
.opui .op-site-chosen{display:block;font-size:11px;margin-top:4px;color:var(--op-brand,var(--brand));font-weight:700}
.opui .op-site-hint{padding:9px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--mut);line-height:1.4}
.opui .op-site-more{display:block;width:100%;padding:12px;border:0;background:var(--soft);color:var(--ink);font:inherit;cursor:pointer}
@media(max-width:600px){.opui .op-site-picker{flex-basis:100%;max-width:none}.opui .op-site-control input.in{font-size:16px}.opui .op-site-control button{flex-basis:40px}.opui .op-site-list{max-height:38vh}}