.market-picker{--border:var(--line,#cecbd6);--surface:var(--panel,#fff);--subtle:var(--panel-deep,#f2f0f8);position:relative;min-width:0;width:100%;color:var(--text,#292b34)}
.market-picker-input{display:flex;align-items:center;position:relative}
.market-picker-input>svg{position:absolute;left:14px;width:18px;height:18px;pointer-events:none;color:var(--muted,#656377)}
.market-picker-input input{box-sizing:border-box;width:100%;padding:12px 48px 12px 42px;min-height:48px;font:inherit;text-overflow:ellipsis;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:inherit}
.market-picker-input button{position:absolute;right:2px;top:2px;bottom:2px;width:44px;display:grid;place-items:center;border:0;background:transparent;color:inherit;padding:8px;cursor:pointer}
.market-picker-input button svg{width:19px;height:19px}
.market-picker-popup{position:absolute;z-index:70;top:calc(100% + 6px);left:0;width:min(580px,calc(100vw - 40px));min-width:100%;background:var(--surface,#fff);border:1px solid var(--border,#cecbd6);border-radius:6px;box-shadow:0 10px 28px #0002;overflow:hidden}
.market-picker-popup[hidden]{display:none}
.market-picker-kinds{display:flex;border-bottom:1px solid var(--border,#cecbd6);padding:4px;gap:2px;flex-wrap:wrap}
.market-picker-kinds button{font:inherit;font-size:13px;min-height:40px;padding:8px 10px;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;border-bottom:2px solid transparent}
.market-picker-kinds button[aria-pressed=true]{border-bottom-color:var(--accent,#7042b9);color:var(--accent,#7042b9);font-weight:700}
#market-options{max-height:min(340px,48vh);overflow-y:auto;overscroll-behavior:contain}
.market-picker-group{padding:10px 14px 6px;font-size:12px;font-weight:700;color:var(--muted,#656377)}
.market-picker-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:9px 14px;cursor:pointer;border-left:3px solid transparent}
.market-picker-option strong,.market-picker-option small{display:block;overflow-wrap:anywhere}
.market-picker-option strong{font-size:14px;font-weight:600}
.market-picker-option small{font-size:12px;margin-top:3px;color:var(--muted,#656377)}
.market-picker-option:hover,.market-picker-option.keyboard-active{background:var(--subtle,#f2f0f8)}
.market-picker-option[aria-selected=true]{border-left-color:var(--accent,#7042b9)}
.market-picker-symbol{font-size:12px;white-space:nowrap;color:var(--muted,#656377)}
.market-picker-count{margin:0;padding:8px 14px;font-size:12px;border-top:1px solid var(--border,#cecbd6);color:var(--muted,#656377)}
.market-picker-empty{padding:12px 14px;font-size:14px}
.market-picker button:focus-visible{outline:2px solid var(--accent,#7042b9);outline-offset:-2px}
@media(max-width:600px){.market-picker-popup{width:100%;min-width:0}.market-picker-kinds button{padding:7px;font-size:12px}.market-picker-option{gap:8px}}