.dropdown{display:inline-flex;position:relative}.dropdown__trigger{border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.dropdown__trigger:hover{color:var(--text-primary);background:var(--bg-hover)}.dropdown__menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);z-index:1000;padding:4px;position:absolute;top:calc(100% + 4px);left:0}.dropdown__menu--scrollable{max-height:400px;overflow-y:auto}.dropdown__menu--right{left:auto;right:0}.dropdown__separator{background:var(--border-subtle);height:1px;margin:4px 0}.dropdown__item{border-radius:var(--radius-xs);width:100%;color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:6px 10px;display:flex}.dropdown__item:hover,.dropdown__item--active{background:var(--bg-hover)}.dropdown__item-icon{width:16px;color:var(--text-secondary);align-items:center;display:flex}.dropdown__item-label{flex:1}.dropdown__item-shortcut{font-size:var(--font-size-2xs);color:var(--text-tertiary);font-family:var(--font-mono)}.dropdown__item-wrapper{position:relative}.dropdown__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown__item--checked .dropdown__item-label{font-weight:600}.dropdown__item-check{color:var(--accent,#6c5ce7);font-size:var(--font-size-xs);margin-left:4px}.dropdown__item-chevron{color:var(--text-tertiary);font-size:var(--font-size-2xs);margin-left:4px}.dropdown__item-swatch{border:1px solid #ffffff26;border-radius:3px;flex-shrink:0;width:14px;height:14px}.dropdown__submenu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:160px;max-height:360px;box-shadow:var(--shadow-lg);z-index:10000;padding:4px;position:absolute;top:-4px;left:calc(100% + 2px);overflow-y:auto}
