.dropdown{position:relative}.dropdown__menu{background-color:var(--bg-primary);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-md);z-index:100;padding:6px;animation:.15s ease-out dropdown-in;position:absolute;top:calc(100% + 6px);right:0}.dropdown__menu--wide{min-width:320px}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown__item{border-radius:var(--radius);color:var(--text-primary);font-size:var(--font-size-base);text-align:left;cursor:pointer;width:100%;transition:background-color var(--transition);align-items:center;gap:10px;padding:8px 12px;display:flex}.dropdown__item:hover{background-color:var(--bg-tertiary)}.dropdown__item-title{color:var(--text-primary);font-weight:500}.dropdown__item-desc{font-size:var(--font-size-xs);color:var(--text-secondary)}.dropdown__divider{background-color:var(--border-light);height:1px;margin:6px 0}.dropdown__category{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:8px 12px 4px;font-weight:600}.cd-root{width:100%;position:relative}.cd-trigger{background-color:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);width:100%;font-size:var(--font-size-lg);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition);text-align:left;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cd-trigger:hover{border-color:var(--accent)}.cd-arrow{color:var(--text-secondary);flex-shrink:0;margin-left:8px;font-size:14px;transition:transform .2s;display:inline-flex}.cd-arrow.open{transform:rotate(180deg)}.cd-dropdown{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:100;max-height:260px;padding:6px;animation:.15s ease-out cd-slide-down;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}@keyframes cd-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cd-option{border-radius:var(--radius);width:100%;font-size:var(--font-size-base);color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition);background:0 0;border:none;align-items:center;padding:12px 16px;display:flex}.cd-option:hover{background-color:var(--bg-tertiary)}.cd-option.selected{color:var(--accent-info);font-weight:600}