.csel{display:inline-block;position:relative}.csel-trigger{background:var(--surf2);border:1px solid var(--border);min-width:150px;min-height:40px;color:var(--white);font-family:var(--font-head);letter-spacing:.02em;text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.csel-trigger:hover,.csel.open .csel-trigger{border-color:var(--csel-accent,var(--cyan))}.csel.open .csel-trigger{background:var(--surface)}.csel-trigger:focus-visible{outline:2px solid var(--csel-accent,var(--cyan));outline-offset:1px}.csel-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csel-chevron{color:var(--slate-light);flex-shrink:0;font-size:9px;transition:transform .15s}.csel.open .csel-chevron{transform:rotate(180deg)}.csel-panel{z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:max-content;min-width:100%;max-width:min(320px,90vw);max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 12px 40px #00000080}.csel-option{text-align:left;cursor:pointer;width:100%;font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--slate-light);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:10px;font-weight:700;transition:color .12s,background .12s;display:block}.csel-option.active,.csel-option:hover{color:var(--white);background:var(--surf2)}.csel-option.selected{color:var(--csel-accent,var(--cyan))}@media (pointer:coarse){.csel-trigger{min-height:44px}.csel-option{min-height:44px;padding:12px}}