.cs[data-v-983601f1]{display:inline-block;min-width:200px;position:relative}.cs-trigger[data-v-983601f1]{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;color:var(--text);cursor:pointer;display:flex;font-family:var(--font-display);font-size:.92rem;font-weight:600;gap:12px;justify-content:space-between;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.cs-trigger[data-v-983601f1]:hover,.cs.open .cs-trigger[data-v-983601f1]{border-color:var(--primary)}.cs.open .cs-trigger[data-v-983601f1]{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.cs-value[data-v-983601f1]{align-items:baseline;display:inline-flex;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-label[data-v-983601f1]{color:var(--text-dim);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.cs-caret[data-v-983601f1]{color:var(--text-muted);flex-shrink:0;transform:rotate(90deg);transition:transform .25s ease}.cs.open .cs-caret[data-v-983601f1]{color:var(--primary);transform:rotate(-90deg)}.cs-menu[data-v-983601f1]{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);left:0;list-style:none;max-height:320px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:50}.cs-opt[data-v-983601f1]{align-items:center;border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.92rem;gap:10px;justify-content:space-between;padding:10px 12px;transition:background .15s ease,color .15s ease}.cs-opt[data-v-983601f1]:hover{background:var(--surface-2);color:var(--text)}.cs-opt.active[data-v-983601f1]{background:var(--gradient-soft);color:var(--primary)}.cs-pop-enter-active[data-v-983601f1],.cs-pop-leave-active[data-v-983601f1]{transition:opacity .18s ease,transform .18s ease}.cs-pop-enter-from[data-v-983601f1],.cs-pop-leave-to[data-v-983601f1]{opacity:0;transform:translateY(-6px)}